Google Tag Manager
Google Tag Manager is een krachtig hulpmiddel dat u helpt diverse markeringen (codefragmenten) efficiënt beheren en op te stellen verbonden aan uw de campagnegebeurtenissen van de marketing. Met Google Tag Manager kunt u tags voor bijhouden toevoegen aan uw site om het publiek te meten of om marketinginitiatieven voor zoekprogramma's aan te passen, opnieuw te richten of uit te voeren.
Google Tag Manager brengt gegevens en gebeurtenissen rechtstreeks over naar Google Analytics , Enhanced Ecommerce en andere analyseoplossingen van derden om een duidelijk beeld te krijgen van hoe goed uw site, producten en promoties presteren.
U hebt een Google Analytics - en Tag Manager -account nodig om dit proces voort te zetten. Met de volgende instructies doorloopt u het proces voor het configureren van uw Google-accounts, het configureren van uw Commerce-winkel en het maken van een tag.
Stap 1. Uw Google Analytics -account configureren
Zie het Onderzoek van de Plaats van de Opstellingin de Hulp van Google voor de grondbeginselen u voor begonnen wordt nodig hebt. Zie ook de gidsen van Google voor Google Analyticsen de Manager van de Markering van Google.
-
Meld u aan bij uw Google Analytics -account.
-
Ga als volgt te werk om Internal Site Search Tracking in te schakelen:
-
Ga naar Select View > View Settings.
-
Stel Site Search Tracking in op
On
. -
Stel de parameter Query in op
q
. -
Wanneer deze bewerking is voltooid, Save de instellingen.
-
-
Ga als volgt te werk om weergavefuncties in te schakelen:
-
Kies Property Settings .
-
Stel onder Advertising Features de waarde Enable Demographics and Interest Reports in op
On
. -
Save de instellingen.
-
-
Ga als volgt te werk om e-commerce Tracking in te schakelen:
-
Ga naar Select View > Ecommerce Settings.
-
Stel Enable Ecommerce in op
On
. -
Stel Enable Enhanced Ecommerce Reporting in op
On
. -
Save de instellingen.
-
-
Laad de pagina opnieuw en controleer of alle instellingen
On
blijven staan.note note NOTE Als niet alle instellingen On
zijn, herhaalt u de vorige stappen, slaat u de pagina op en laadt u deze opnieuw. Herhaal dit proces totdat alle instellingen zijn ingesteld opOn
.
Stap 2. Uw Google Tag Manager -account configureren
De volgende instructies tonen hoe te om een nieuwe container met de basismontages te vormen. Een steekproef {het 1} configuratiedossier van de Samensteller van de 1} (.json) wordt gebruikt om het proces te vereenvoudigen, het invoeren om een markering in een nieuwe container te produceren. 🔗 In dit voorbeeld wordt het aangeraden een container te maken in plaats van een bestaande container te wijzigen.
-
Download het verbonden dossier GTM_M2_Config_json.txt, open het dossier in een redacteur, en bewaar het als
GTM_M2_Config.json
.Het JSON-bestand wordt rechtstreeks geüpload naar Google Tag Manager .
-
Navigeer naar Admin > Container > Import Container .
-
Klik op Choose container file en selecteer het JSON-bestand.
-
Klik onder Choose workspace op New .
-
Voer een titel en beschrijving in en klik op Save .
-
Selecteer een van de volgende handelingen om het bestand te importeren:
-
De optie Overwrite moet zijn geselecteerd voor een nieuwe container.
-
De optie Merge moet zijn geselecteerd als u een bestaande container gebruikt.
-
-
Klik op Preview om de tags, triggers en variabelen weer te geven.
-
Ga als volgt te werk om de Google Analytics ID te bewerken waarnaar wordt verwezen in variabelen:
-
Navigeer naar Variables > User-Defined Variables .
-
Kies Google Analytics en werk de tijdelijke aanduiding (
UA-xxxxxx-x
) bij met uw eigen GA ID .
-
-
Volg de instructies van Google voor het toevoegen van tags, triggers en variabelen aan de nieuwe container.
Als u instellingen in een andere container hebt die u wilt gebruiken, kunt u deze naar de nieuwe container verplaatsen.
-
Klik op Confirm wanneer u klaar bent.
-
Volg de instructies van Google voor het publiceren van de nieuwe container.
Stap 3. Uw winkel configureren
-
Meld u aan bij de beheerder van uw Commerce-winkel.
-
Voor Admin sidebar, ga Stores > Settings>Configuration.
-
Vouw in het linkerdeelvenster Sales uit en kies Google API .
-
Breid
-
Stel Enable in op
Yes
. -
Stel Account type in op
Google Tag Manager
. -
Voer in het veld Container ID uw GTM-id in (
GTM-xxxxxx
). -
Als u ook Google Analytics aan inhoudsexperimenten gebruikt, plaats laat de Experimenten van de Inhoud aan
Yes
toe. -
Gebruik de standaardwaarden voor de overige velden.
-
-
Klik op Save Config als de bewerking is voltooid.
-
Test de Google Tag Manager -instellingen en controleer of alles correct werkt.
Veldomschrijvingen
Yes
/ No
Google Analytics
/ Google Tag Manager
Catalog Page
Cross-sell
Up-sell
Related Products
Search Results
Label
Een tag maken voor het bijhouden van conversies
Als u een Google AdWords-account hebt, kunt u een tag maken die conversies bijhoudt. Het volgende voorbeeld toont hoe te om zowel Google Tag Manager als Google Analytics te gebruiken om een markering tot stand te brengen die op de 2} Succespagina van de omzetting van uw opslag in brand steekt.
Stap 1. Een tag maken
-
Meld u aan bij uw Google Tag Manager -account en klik op de koppeling voor de container die u voor uw winkel hebt gemaakt.
-
Klik in het vak New Tag op Add a new tag .
-
Haal de volgende informatie op van je AdWords-account:
- Conversie-id
- Conversielabel
Als u hulp nodig hebt, bezoek Google steunplaats.
-
Klik in het dashboard van Google Tag Manager op Google AdWords en voer de volgende handelingen uit:
-
Klik op de tijdelijke aanduiding voor de titel en voer een naam voor de nieuwe tag in.
-
Selecteer onder Choose Product de optie Google AdWords .
-
Selecteer Choose a Tag Type onder AdWords Conversion Tracking en klik op Continue.
-
-
Voer Conversion ID en Conversion Label in van uw AdWords-account en klik op Continue .
Stap 2. Een regel maken
Als u doorgaat vanaf het dashboard van Google Tag Manager , bestaat de volgende stap uit het maken van een regel waarmee de tag op de conversiepagina wordt geactiveerd.
-
Klik onder Fire On op Some Pages .
-
Voer in de sectie Choose Pages de volgende instellingen in:
-
Name - Voer een naam in voor de paginabeschrijving.
-
Variable
url
-
Verrichting -
matches RegEx
Meer leren, zie Regex en CSS selecteurs exploitantenin de Hulp van de Manager van de Markering van Google.
-
Value -
checkout/success.*
-
-
Selecteer het groene selectievakje en klik op Save .
De trigger die u instelt, wordt weergegeven als een blauwe knop in het gedeelte Vuur op.
-
Klik op Save Tag als de bewerking is voltooid.
Stap 3. Voorvertonen en publiceren
De volgende stap in het proces is een voorvertoning van de tag. Elke keer dat een voorvertoning van de tag wordt weergegeven, wordt een momentopname van de versie opgeslagen. Als u tevreden bent met het resultaat, gaat u naar de gewenste versie en klikt u op Publish .
Aangepaste HTML-tag met JavaScript
In deze sectie wordt uitgelegd hoe u een CSP-abonnement één keer toevoegt aan de HTML-tag JavaScript Aangepast, zodat deze kan worden uitgevoerd op de afhandelingspagina, zodat wordt voldaan aan de CSP-vereisten (Content Security Policy). Deze toevoeging verbetert de sitebeveiliging door te voorkomen dat onbevoegde scripts worden uitgevoerd. Voor meer gedetailleerde informatie, zie de documentatie van het Beleid van de Veiligheid van de Inhoud 0} {.
cspNonce
naar Google Tag Manager wordt alleen ondersteund in Adobe Commerce versie 2.4.8 en hoger.Stap 1. Een CSP-variabele één keer maken
U kunt een CSP Nonce-variabele maken die binnen het Google-tagbeheer kan worden gebruikt door de variabeleconfiguratie te importeren of handmatig te configureren.
De variabele configuratie importeren
De NonceVariabele van CSP is inbegrepen in de voorbeeldcontainer GTM_M2_Config_json.txt. U kunt de variabele maken door deze code in uw werkruimte te importeren.
Handmatig de variabele maken
Als u niet de veranderlijke configuratie kunt invoeren, voltooi de volgende stappen hieronder om het tot stand te brengen.
- In uw werkruimte, navigeer aan de sectie van Variabelen in sidebar.
- Klik op de Nieuwe knoop bij de bodem van de pagina in de user-defined sectie van Variabelen.
- Geef de variabele een naam
gtmNonce
. - Klik op het potloodpictogram om de variabele te bewerken.
- Selecteer Variabele van JavaScript van de Variabele van de Pagina sectie.
- Op het gebied van de Naam van de Globale Variabele, ga
window.cspNonce
in. - Sla de variabele op.
Meer over de Variabelen van de Manager van de Markering van Googleleren, zie user-defined veranderlijke types voor Webin de documentatie van Google. In deze documentatie vindt u gedetailleerde instructies voor het maken en beheren van aangepaste variabelen die zijn afgestemd op het beheer van uw labels en die zijn afgestemd op specifieke marketing- en analytische behoeften.
Stap 2. Een aangepaste HTML-tag maken
-
In uw werkruimte, navigeer aan de sectie van Markeringen in sidebar.
-
Klik de Nieuwe knoop.
-
In de sectie van de Configuratie van de Markering, de uitgezochte Markering van HTML van de Douane.
-
Voer de vereiste JavaScript in het tekstgebied in en voeg een eenmalig kenmerk toe aan de openingstag
<script>
die wijst naar de variabele die u in de vorige stap hebt gemaakt. Bijvoorbeeld:code language-html <script nonce="{{gtmNonce}}"> // Your JavaScript code here </script>
-
Selecteer Document.write van de Steun.
-
In de teweegbrengende sectie, selecteer de gewenste trekker. Bijvoorbeeld, toestemming Initialisatie - Alle Pagina's.
Voor meer informatie over Markeringenin de Manager van de Markering van Google, zie Eigen markeringenin de documentatie van Google.