Forums

Articles
Create
cancel
Showing results for 
Search instead for 
Did you mean: 

Integrate Jira issue collector in index.html of an Angular application

B Noemi
December 8, 2025

Hello, 

I have added the Jira issue collector link which was generated when the issue collector was created and I integrated it in my index.html of my Angular application:

<head>
  <meta charset="utf-8">
  <script type="text/javascript">
      window.ATL_JQ_PAGE_PROPS = {
        interaction: {
          type: 'dialog',
          options: {
            width: 800,
            height: 600
          }
        },
        triggerFunction: function(showCollectorDialog) {
          window._showJiraDialog = showCollectorDialog;
        }
      };
  </script>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <app-root></app-root>
</body>

I added os_authType=none to do not require authentication, this way I can create a jira issue. However my main problem is that I have a lot of warnings and error in the console when the Jira collector plugins/resources are downloaded. I attached a screenshot:

jira-issue-collector.jpg

How can I solve this?

1 answer

0 votes
Taz
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
December 8, 2025

The console warnings are usually caused by the issue collector loading outdated jQuery and other resources over plain HTTP, which modern browsers will flag, especially if your Angular app is served over HTTPS. For Jira Data Center, you should update the collector script URL to use HTTPS and ensure it matches your Jira base URL exactly, including protocol and domain. Also note that the embedded jQuery from the collector is an older version, so it can conflict with Angular’s bundled scripts — you can remove your own `

Suggest an answer

Log in or Sign up to answer