Cara Meletakan Google Analytics 4 (GA4) di Blog AMP

Setiap orang memiliki kesibukan dalam kesehariannya. Bukan tanpa halangan, aktivitas seseorang kadang menemui rintangannya masing-masing. Tak jarang mereka merasa stres menghadapi masalah yang datang silih berganti.Namun bagiku TIDAK!! itulah kata-kata ku di awal mulai ngeblog lagi. Kali ini saya akan membagikan tutorial cara meletakan kode google google analytics 4 (GA4) di Blog AMP.

Properti terdahulu Google Analytics (universal analytics) benar-benar akan berhenti memproses data mulai 1 Juli 2023. Artinya, properti tersebut tidak dapat lagi digunakan untuk melihat page views, traffics, backlinks dan lainnya untuk blog atau website terkait.

Disana juga sudah disediakan kode Gtag untuk kita memasangnya di blogger kita. namun sayangnya kode tersebut hanya berlaku untuk mengguna non AMP saja. Sebenarnya google sendiri sudah menyediakan untuk pengguna AMP, namun sayangnya setelah saya coba tentanya tidak bekerja (not work).

Namun demikian, di porperti teranyar ini kita tetap tidak diberikan script kode pelacakan khusus untuk AMP. Maka solusinya pergi ke Documentation amp-dev, pada tab pembahasan amp-analytics.

Cara Memasang Google Analytics 4 untuk Blogger AMP

1. Buka Blogger
2. Pilih Tema, pada SESUAIKAN pilih Edit HTML
3. Kemudian letakkan kode dibawah ini tepat berada diatas kode </body> atau </body>

   <amp-analytics type="googleanalytics" config="https://amp.analytics-debugger.com/ga4.json" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px" i-amphtml-layout="fixed">
     <script type="application/json"> 
   
   
       { 
   
   
         "vars": { 
   
   
           "GA4_MEASUREMENT_ID": "G-XXXXXXXXXX", 
   
           "GA4_ENDPOINT_HOSTNAME": "www.google-analytics.com", 
   
           "DEFAULT_PAGEVIEW_ENABLED": true, 
   
           "GOOGLE_CONSENT_ENABLED": false, 
   
           "WEBVITALS_TRACKING": false, 
   
           "PERFORMANCE_TIMING_TRACKING": false, 
   
           "SEND_DOUBLECLICK_BEACON": false 
   
   
         } 
   
   
       } 
   
   
     </script> 
   
   </amp-analytics>

4. Ganti G-XXXXXXXXX dengan kode google analytics 4 kalian
5. Jika sudah pilih Simpan Tema

itulah tadi cara memasang kodenya untuk pengguna blogger. Untuk pengguna wordpress sendiri berikut tutorialnya.

Cara Memasang Google Analytics 4 untuk WordPress AMP

1. Buka menu wordpress kalian
2. Guanakan plugin insert header footer yang sudah support AMP
3. Kemudain letakkan kode ini pada kolom footer atau tepat berasa diatas kode </body> atau </body>

   <amp-analytics type="googleanalytics" config="https://amp.analytics-debugger.com/ga4.json" data-credentials="include">
   <script type="application/json"> 
   
   { 
   
       "vars": { 
   
                   "GA4_MEASUREMENT_ID": "G-XXXXXXXXX", 
   
                   "GA4_ENDPOINT_HOSTNAME": "www.google-analytics.com", 
   
                   "DEFAULT_PAGEVIEW_ENABLED": true, 
       
                   "GOOGLE_CONSENT_ENABLED": false, 
   
                   "WEBVITALS_TRACKING": false, 
   
                   "PERFORMANCE_TIMING_TRACKING": false, 
   
                   "SEND_DOUBLECLICK_BEACON": false 
   
       } 
   
   } 
   
   </script>
   </amp-analytics>

4. Ganti G-XXXXXXXXX dengan kode google analytics 4 kalian
5. Juka sudah pilih Simpan