Sådan opsætter du Google Tag Manager med Bahlou

Denne guide viser, hvordan du opsætter en Custom HTML-tag i Google Tag Manager, så udvalgte hændelser fra Bahlou sendes til integrationens API-endpoint. Du lærer også at oprette den nødvendige trigger og tilføje UTM-parametre til annoncer i Meta Ads.

Det skal du opsætte

• En Custom HTML-tag i Google Tag Manager til hændelserne purchase, aboutUsVisit, picturesVisit og profileVisit.

• En Custom Event-trigger, der aktiverer tagget ved de relevante hændelser.

• UTM-parametre i Meta Ads, så trafikken fra dine annoncer kan spores.

Trin 1: Opret integrationen i Google Tag Manager

1. Åbn den rigtige GTM-container

1. Log ind på din Google Tag Manager-konto.

2. Vælg den container, hvor Bahlou-integrationen skal oprettes.

2. Opret en ny Custom HTML-tag

1. Gå til Tags, og klik på New.

2. Klik på Tag Configuration.

3. Vælg tagtypen Custom HTML.

4. Indsæt følgende script i HTML-feltet:

<script>
(function() {
  var originalPush = window.dataLayer.push;
  window.dataLayer.push = function(obj) {
    originalPush.apply(window.dataLayer, arguments);
    if (obj && (obj.event === 'purchase' || obj.event === 'aboutUsVisit' ||
      obj.event === 'picturesVisit' || obj.event === 'profileVisit')) {
      fetch('https://api.fiind.app/api/v1/web/save_gtm_data', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify(obj)
      });
    }
  };
})();
</script>

Vigtigt: Scriptet indeholder endpointet https://api.fiind.app/api/v1/web/save_gtm_data, som fremgår af den eksisterende integrationsopsætning.

3. Indstil tagget til at blive aktiveret én gang pr. side

1. Åbn Advanced Settings.

2. Find Tag firing options.

3. Vælg Once per Page.

Indstillingen sikrer, at tagget kun aktiveres én gang for hver sidevisning.

4. Opret en Custom Event-trigger

1. Klik på Triggering under tagget.

2. Klik på + for at oprette en ny trigger.

3. Vælg trigger-typen Custom Event.

4. Indsæt følgende i feltet Event name:

purchase|profileVisit|picturesVisit|aboutUsVisit

1. Markér Use regex matching, så triggeren matcher alle fire hændelser.

2. Vælg, at triggeren skal aktiveres ved All Custom Events.

3. Gem triggeren, og tilknyt den til din Custom HTML-tag.

5. Gem og publicér ændringerne

1. Klik på Save, når tag og trigger er konfigureret.

2. Klik på Submit i Google Tag Manager.

3. Gennemgå ændringerne, og klik derefter på Publish.

Trin 2: Tilføj UTM-parametre i Meta Ads

1. Åbn din annonce

1. Log ind i Meta Ads Manager.

2. Opret en ny kampagne, eller redigér en eksisterende kampagne.

3. Find feltet med annoncens destinationsadresse.

2. Tilføj UTM-parametre

Tilføj følgende parametre efter landingssidens URL:

?utm_source=facebook&utm_medium=cpc&utm_campaign=your_campaign_name

• utm_source=facebook angiver, at trafikken kommer fra Facebook.

• utm_medium=cpc angiver, at mediet er Cost Per Click.

• utm_campaign=your_campaign_name angiver kampagnens navn, for eksempel spring_sale_2025.

3. Eksempel på en URL med UTM-parametre

https://fiind.app/klinik/kochklinik?utm_source=Facebook&utm_medium=banner&utm_campaign=summer_sale&utm_content=white_logo&fbclid=fbclid

4. Gem og start kampagnen

1. Gem annoncen, når UTM-parametrene er tilføjet.

2. Gennemgå opsætningen.

3. Start kampagnen.

Opsummering

• Opret en Custom HTML-tag i Google Tag Manager med det angivne script.

• Vælg Once per Page under taggets avancerede indstillinger.

• Opret en Custom Event-trigger med regex-værdien purchase|profileVisit|picturesVisit|aboutUsVisit.

• Gem og publicér ændringerne i Google Tag Manager.

• Tilføj utm_source, utm_medium og utm_campaign til landingssiden i Meta Ads.