Back

Google Analytics:


Google Analytics is a web analytics service offered by Google that tracks and reports website traffic.


To Setup Google Analytics:

    1.Log in to your Gmail account or create a new one

    2. Go to https://analytics.google.com/analytics/web/ and click Sign Up

Choose “Web” and fill out the details:

  • For the website URL choose https:// and enter yoursitename.orderprintnow.com for the URL
    Unless you are using a custom domain, then enter the custom domain
  • Your Stream Name should be the name of your website or business
  • Click Create & Continue



The next page should look like this:

    3. We do not need the entire code displayed, only your Tracking ID

        Your Tracking ID can be found on LINE 2 after "id=" (highlighted in the above image). 


    4. Copy the code from this article (Below) and paste into your Portal’s Custom Javascript box. 

            Replace the “ENTER-TRACKING-CODE-HERE” text with your own Tracking ID. 


$('head').append("<script async src='https://www.googletagmanager.com/gtag/js?id=ENTER-TRACKING-CODE-HERE'></script><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'ENTER-TRACKING-CODE-HERE');</script>");



    5. Save the code on the portal 


    6. Click Test Installation on Google Analytics

        You should get a success message at the bottom of the page. 

    7. Click Confirm in the top right corner.



Google Tag Manager:


Google Tag Manager is a tag management system that allows you to create and monitor tags on a user interface.


To Setup Google Tag Manager:


    1.Go to https://marketingplatform.google.com/about/tag-manager/



    2. Sign up for a free account:

  • Enter account name & country
  • Enter yoursitename.orderprintnow.com for container name
  • Choose Web
  • Accept terms & conditions


    3. Install Tag Manager:


  • Copy the code for the <head> of the page and paste without the <script> tags into the Portal's Custom Javascript. 


        Ours looked like this:



(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':

new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=

'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);

})(window,document,'script','dataLayer','ENTER-ACCOUNT-ID-HERE');


  • We then need to add the script to the body tag. 

            We chose to add it to the bottom of the footer file (Theme > Footer HMTL)  to reduce page bloat upon load. 

            Under our closing footer tag, we pasted the code so it looked like this:


</footer>

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=ENTER-ACCOUNT-ID-HERE"

height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>


    4. You should now be able to view traffic on your portal in your Google Tag Manager account.