nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to add Google Analytics script in JIRA 6 ?

Alice Ark

This page describes how to add Google Analytics in JIRA, but is not updated for JIRA 6 :

https://developer.atlassian.com/display/JIRADEV/Adding+JavaScript+to+all+pages+for+Google+Analytics

Can you tell us how to do it in JIRA 6 ?

Script.PNG

SUMMARYfield.PNG

Capture.PNG

Screen Shot 2016-06-17 at 8.36.35 AM.png

GAscript.PNG

Accepted answers

Claudio Ombrella

The banner works well but it does not register all the hits, unfortunately. Example if you use the issue navigator and then click on the first issue, once you enter in the issue display this hit is recorded, but if you click on J or K (jump/back) this does not record a hit because the banner is not reloaded. We need to find a better way to include Google Analytics.

All comments

Dipti Ranjan Behera

Hi Alice,

Why dont you add the google analytics script in 'announcement banner' configuration of jira, it will work.

administration-->announcement banner.

Alice Ark

Hi,

Thank you for your quick answer !

I'd prefer to add the script inside <head> HTML tag, but if it works like this, it will be ok.

Alice

Dipti Ranjan Behera

@alice,

I had done this earlier for jira 4.x version and it worked. And again, try to avoid doing any changes to installation files.

Dipti Ranjan Behera

@Alice,

Did you tried it.

Alice Ark

Hi,

Yes, and it works well !

Thank you

Alice

Claudio Ombrella

See may answer just posted above, using the banner is not enough.

WojciechS

As others have said, the trick is to use the announcement banner. The twist is that you also want to use the official autotrack plugin from Google, specifically the urlChangeTracker: https://github.com/googleanalytics/autotrack/blob/master/docs/plugins/url-change-tracker.md. It will enable tracking page views on single-page-app pages like issue navigator.

Example code that you would put in the announcement banner would be

&lt;!-- Library that allows to track SPA transitions (e.g. navigating issues) --&gt;
&lt;script type="text/javascript" src="
https://cdnjs.cloudflare.com/ajax/libs/autotrack/1.0.1/autotrack.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript"&gt;
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-ACCOUNT_ID', 'auto');
  ga('send', 'pageview');
  // everything above is an official google analytics tracking code
  ga('require', 'urlChangeTracker'); // this makes sure transitions on
&lt;/script&gt;
&lt;style&gt;
/* add this only if the above code is the only thing in your announcement banner, this prevents ugly grey background and border added automatically if there is anything in the announcement banner */
#announcement-banner {
display: none;
}
&lt;/style&gt;