Add Google Tag manager to enable web analytics

vperezb commented 2 years ago

What problem do you want to solve?

Measure site traffic and optimize campaigns.

What do you think is the correct solution to this problem?

Add Google Tag Manager snippets to embed Google Analytics

vperezb commented 2 years ago

@aralroca no m'he aclarat on puc posar en totes les pàgines el seguent codi:

Quant més amunt millor del head:

<!-- 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-567CRZH');</script>
<!-- End Google Tag Manager -->

Quan més amunt millor del body:

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-567CRZH"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

aralroca commented 2 years ago

S'ha de posar dintre la pàgina _document.js i ha d'anar com string dintre una clau de React que es diu dangerouslySetInnerHTML:

Exemple de la meva web (aralroca.com)

és l'única manera d'executar JavaScript "normal" fora l'ecosystem de React. Sinó intentarà rerenditzara el contingut del script com si fos el contingut d'un component de React.

aralroca / solbenmoll

Add Google Tag manager to enable web analytics #78