Skip to main content

Google Analytics on Refined Wiki Mobile Theme

Tracking mobile users on Confluence while using Refinedwiki mobile theme is not possible or straightforward using theme configuration. I found a work around that will track users on Google Analytics smoothly. Please follow the below steps:


  1. Create a js file, call is analytics.js with the analytics script code, it should look something similar to the below:
      (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','//www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-XXXXXX', 'auto');
      ga('set', 'userId',AJS.Data.get("remote-user")); // Set the user ID using signed-in user_id. 
      ga('send', 'pageview');
  2. Save your script on confluence server confluenceInstallationDirectory/confluence/ OR install it on any other location that can be access via http or https
  3. Go to confluence administration and click on User Macros on the left menu.
  4. Click on Create a User Macro
  5. Now set up per the below photos:
     
  6.  Save and go to refind wiki mobile theme and click on Macro Render Rules, then click Add Macro Render Rule. On choose macro select Mobile Tracking. Click Save.
  7. Now go to refind wiki mobile theme configuration, in the footer add the wiki code: {mobiletracking} then save.
Now you will be able to track mobile users on your confluence using google analytics. This was tested on confluence 6.12
Labels:

Comments

  1. Anonymous24 July 2019 at 01:30

    This helped me to solve another problem with the mobile theme as well. Thanks for sharing!

    ReplyDelete
  2. Anonymous23 August 2026 at 08:46

    Google Analytics can be useful for understanding mobile-user activity on platforms such as Confluence, especially when the selected theme does not provide straightforward tracking configuration. The approach described here uses a JavaScript file containing the Google Analytics tracking script, allowing analytics functionality to be incorporated separately from the theme settings. Data Analytics Online Course

    ReplyDelete
  3. Anonymous23 August 2026 at 08:46

    Using a dedicated JavaScript file can also make the tracking implementation easier to manage and integrate into a web environment. The example highlights how JavaScript can connect website behavior with analytics services and provide a practical way to collect usage information when built-in theme configuration is limited. Javascript Online Course

    ReplyDelete
  4. Anonymous23 August 2026 at 08:46

    The implementation also demonstrates the role of JavaScript in browser-based tracking and web analytics. By placing the analytics code in an external script and loading it appropriately, developers can extend the functionality of a web application without modifying every page individually. Javascript Online Training

    ReplyDelete

Post a Comment

Popular posts from this blog

Coldfusion Facebook Graph API publish to your wall and your friends walls

In this tutorial we will learn by full coldfusion Graph API code example how to publish on your wall and your friends walls. This application uses new oauth authentication method. The code is divided into four files: we will first start with a file called index.cfm: <cfoutput>         <!--- Your FB application IDS --->       <cfset api_key = ""/>     <cfset secret_key = ""/>     <cfset appID = ""/>     <!--- create a connection to the fb graph cfc --->     <cfset graphCFC = createObject("component", "graph").init(#appID#, #api_key#, #secret_key#) />     <!--- If user is authenticated or his access token is set create a cookie --->        <cfif not isdefined("cookie.access_token") and isdefined("url.access_token")>         <cfset cookie.acce...
29 comments
Read more

Implementation of Facebook Graph API in Coldfusion

Facebook has launched a new FB API called Graph that simplifies FB applications development, the new Graph API allows website owners to create Single Sign On (SSO) with Facebook and allow websites owners to be able to import a lot of users information but after their permissions. The code below written in Coldfusion gives an example on how to Create FB login/logout button and then how to retrieve the created cookie, and use it for further development:     <body>   <cfoutput>     <!--- Your FB application IDS --->     <cfset api_key = "XXXXXXXXXXXXX"/>     <cfset secret_key = "XXXXXXXXXXXXXX"/>     <cfset appID = "XXXXXXXXXXXXXX"/>     <!--- Facebook login/logout button --->     <p><fb:login-button perms="email,user_birthday" autologoutlink="true"></fb:login-button></p>     <!--- Facebook login/logo...
21 comments
Read more

The New Facebook Wall Publishing method Stream.publish

As recently facebook stopped supporting the feedstory publishing method to publish news on users wall and application developers from now on can't create feed templates. Facebook released a new methods to do so which are: FB.Connect.streamPublish stream.publish Facebook.streamPublish I figured out those new methods when I was building a new facebook application yesterday to predict who will win the soccer match between Egypt and Algeria tonight. It took me sometime to succeed in publishing the story on the wall, so I will share with you my experience and how I solved it out in Coldfusion. As I build my applications using the work of Andrew Duckett who created the Facebook Rest Client Component , I will start from FacebookFBMLCLient.cfc file which contains the methods that communicates with facebook APIs. As I have used one of the three methods above which sounded the best as I guess, this example will be based on stream.publish method. The first step is to add the following method...
16 comments
Read more