Description
Description
We probably need to start adding analytical tools to wargabantuwarga.com, because has multiple information entry, we need to track which clicks or which information is most relevant to the user, this will eventually be useful for us to enhance the information structure of the web, to ensure the most important information is displayed first.
Job Story
When the user is accessing, I want the Google Tag Manager to be triggered there, so that we can track each user’s clicks to gather data about user navigation.
Acceptance Criteria
Use the following criteria example
Functional Criteria: "GTM with id GTM-5X4ZPBX to be triggered on this page"
Non-functional Criteria: "Paste this code as high in the <head> of the page as possible:
<!-- Google Tag Manager --><script>(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','GTM-5X4ZPBX');</script><!-- End Google Tag Manager --> "
Non-functional Criteria: Additionally, paste this code immediately after the opening <body> tag: <!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5X4ZPBX"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) -->
Performance Criteria: "To have minimum impact on performance use the afterInteractive or onLazyLoad see: https://nextjs.org/docs/basic-features/script
Require A QA To Test?
Yes
Optional Information
Here is the GA4 ID: 278712353
Current Tasks
- Install Google Tag Manager #36
- Integrate GA property into the GTM
- Setup click event triggers on GTM