Veiciet tālāk norādītās darbības, lai savas tīmekļa vietnes Google tagu pārvaldnieka konteinerā ievietotu nepieciešamos koda fragmentus. Informāciju par līdzīgām darbībām, kas jāveic, lai iestatītu tagu pārvaldnieku citu veidu konteineriem, skatiet tālāk norādītajos resursos.
- iOS: Google tagu pārvaldnieks operētājsistēmai iOS.
- Android: Google tagu pārvaldnieks Android ierīcēm
- AMP: AMP un Tagu pārvaldnieka iestatīšanas ceļvedis
- Serveris: Servera puses tagu pārvaldnieks.
Pirms darba sākšanas
- Jums ir jāizveido tagu pārvaldnieka konts un konteiners.
- Jums ir jābūt iespējai piekļūt savas tīmekļa vietnes kodam.
Darbības
- Pārejiet uz vietni https://tagmanager.google.com.
- Pierakstieties savā Google kontā. Uzziniet, kā izveidot Google kontu.
- Atveriet tagu pārvaldnieka konteineru, kuru vēlaties rediģēt.
- Cilnē Workspace atlasiet konteinera ID (sākas ar “GTP”).
- Dialoglodziņā Google tagu pārvaldnieka ievietošana veiciet norādītās darbības katrai savas tīmekļa vietnes lapai.
Piezīme. Ja jūsu tīmekļa vietne ir izveidota, izmantojot vietnes izveides rīku vai satura pārvaldības sistēmu (SPS), piemēram, WordPress, Shopify vai Wix, varat iestatīt Google tagu ar integrāciju, kurai nav nepieciešams atjaunināt kodu katrā jūsu tīmekļa vietnes lapā. Uzziniet, kā ievietot Google tagu, izmantojot vietnes izveides rīku vai SPS.
- Nokopējiet koda pirmo bloku un ielīmējiet to pēc iespējas augstāk tagā
<head>.Piemērs
Tālāk norādītajā HTML koda paraugā jūs ielīmētu pirmo Google tagu pārvaldnieka koda fragmentu aiz sākuma HTML taga <head>. Ņemiet vērā, ka nākamajā piemērā tiek izmantots “GTP-ABCDEFGH”, bet ID ir jāaizstāj ar sava konteinera ID.<!DOCTYPE html>
<html lang="lv">
<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-ABCDEFGH');</script>
<!-- End Google Tag Manager -->
<title>Tīmekļa lapas piemērs</title>
</head>
<body>
<!-- Content of your website -->
<h1>Laipni lūdzam manā tīmekļa vietnē</h1>
<p>Šis ir rindkopas paraugs manā tīmekļa lapā.</p>
</body>
</html> - Nokopējiet koda otro bloku un ielīmējiet to uzreiz aiz sākuma taga
<body>.Piemērs
Tālāk norādītajā HTML koda paraugā jūs ielīmētu otro Google tagu pārvaldnieka koda fragmentu aiz sākuma HTML taga <body>. Ņemiet vērā, ka nākamajā piemērā tiek izmantots “GTP-ABCDEFGH”, bet ID ir jāaizstāj ar sava konteinera ID.<!DOCTYPE html>
<html lang="lv">
<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-ABCDEFGH');</script>
<!-- End Google Tag Manager -->
<title>Tīmekļa lapas piemērs</title>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ABCDEFGH"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Content of your website -->
<h1>Laipni lūdzam manā tīmekļa vietnē</h1>
<p>Šis ir rindkopas paraugs manā tīmekļa lapā.</p>
</body>
</html> - Pārbaudiet savu tīmekļa vietni, ievadot tās saiti un pēc tam noklikšķinot uz Pārbaudīt.
- Nokopējiet koda pirmo bloku un ielīmējiet to pēc iespējas augstāk tagā
- Noklikšķiniet uz vienuma Labi.
Nākamās darbības
Izmantojiet Google tagu pārvaldnieku, lai iestatītu un pārvaldītu tagus.