Mit Google Tag Manager implementieren

Sie können Bazaarvoice zusammen mit dem Google Tag Manager verwenden, um Benutzeraktionen, Konversionsraten und das Benutzerverhalten auf einer Produktdetailseite zu erfassen. Bevor es losgehen kann, müssen Sie folgende Schritte durchführen:

• Legen Sie ein Konto an , falls Sie noch keines haben.
• Fügen Sie die Erweiterung Bazaarvoice Analytics Inspector zu Chrome hinzu. Sie unterstützt die Diagnose von Implementierungsproblemen.
• Machen Sie sich ggf. mit der Seite Einrichtung und Installation von Google Tag Manager vertraut.

Note: If the browser will not display Google Tag Manager, make sure that ad-blocking or JavaScript-blocking plugins are not enabled in your browser. You can also use an incognito browser window. Or, check with your IT department to determine if Content Security Policies are enabled that block Google Tag Manager or Bazaarvoice. If so, request that they add Google and Bazaarvoice scripts to the allowlist (sometimes called a "whitelist").

Zur Implementierung von Google Tag Manager gehen Sie bitte folgendermaßen vor:

• Wenn BV Pixel in Ihrer Instanz von Ratings & Reviews implementiert ist, erstellen Sie die folgenden Tags:

  • BV-Lader-Tag – lädt die JavaScript-Bibliothek von Bazaarvoice und dient zur Verfolgung von Aktivitäten auf Ihrer Website. Muss zu allen Seiten hinzugefügt werden, auf denen Sie Events erfassen wollen.
  • Conversion-Tag – erfasst Benutzeraktivitäten außerhalb des E-Commerce, die nicht direkt Umsatz generieren, aber dennoch wertvoll sind.
  • Transaction-Tag – erfasst Kaufdaten, wenn ein Kunde ein Produkt oder eine Dienstleistung kauft.

  Alle anderen Ereignisse werden automatisch von BV Pixel erfasst.

• Wenn Ihre Implementierung eine API nutzt, müssen Sie zur Erfassung aller Analytics-Events folgende Tags einrichten:

  • BV-Lader-Tag – lädt die JavaScript-Bibliothek von Bazaarvoice und dient zur Verfolgung von Aktivitäten auf Ihrer Website. Muss zu allen Seiten hinzugefügt werden, auf denen Sie Events erfassen wollen.
  • PageView-Tag – gibt an, dass ein Benutzer die Seite geladen hat.
  • InView-Tag – Zeigt an, dass benutzergenerierte Inhalte (UGC) auf der Seite sichtbar waren.
  • ViewedUGC-Tag – Zeigt an, dass benutzergenerierte Inhalte für eine bestimmte Zeit im Anzeigefenster sichtbar waren.
  • FeatureUsed-Tag – Zeigt die Benutzerinteraktion mit dem Container für benutzergenerierte Inhalte und den Steuerelementen an.

Veröffentlichen Sie die Tags anschließend.

BV Loader-Tag hinzufügen

Der BV-Lader lädt die JavaScript-Bibliothek von Bazaarvoice und verfolgt Aktivitäten auf Ihrer Website. Sie müssen ihn zu allen Seiten hinzufügen, auf denen Sie Events erfassen wollen. Anschließend legen Sie mit Google Tag Manager ein Tag für den BV-Lader an und testen es, um sicherzustellen, dass es richtig funktioniert.

Den BV-Lader zu Seiten hinzufügen

Falls Sie es noch nicht getan haben, sollten Sie auf allen Seiten, auf denen Sie Events erfassen wollen, den BV-Lader hinzufügen.

Tag anlegen

Legen Sie in Ihrem Arbeitsfenster in Google Tag Manager ein neues Tag mit folgenden Eigenschaften an:

• Name: BV-Lader
• Tag-Konfiguration:

  • Tag-Typ: Wählen Sie Benutzerdefiniertes HMTL und geben Sie dann folgenden Code ein. Dadurch wird der BV-Lader hinzugefügt. Außerdem enthält der Code eine Funktion, die den Google Tag Manager benachrichtigt, wenn das Laden des BV-Laders abgeschlossen ist, um Konflikte mit anderen Tags zu verhindern.

    <!-- load BV --> <script type="text/javascript" src="https://apps.bazaarvoice.com/deployments/<client_name>/<site_ID>/<environment>/<locale>/bv.js"></script> <script> function onBvLoaded() { if (typeof(BV) === 'object') { window['dataLayer'].push({'event': 'bvLoaded'}); } else { setTimeout(onBvLoaded, 250); } } onBvLoaded(); </script>
            
    

    Eine Beschreibung der URL-Werte finden Sie unter BV-Lader hinzufügen.

  • Erweiterte Einstellungen: Wählen Sie unter Optionen für Tag-Auslösung die Einstellung Einmal pro Seite.

• Tag auslösen: Wählen Sie den Page View-Trigger und stellen Sie ihn für Alle Seiten ein.
  Hinweis: Falls Page View nicht oben auf der Seite angezeigt wird, können Sie die Suchfunktion nutzen.

Das neue Tag sollte wie folgendes Beispiel aussehen:

Tag testen

Hinweis: Testen erfordert die Verwendung des Google Chrome Browsers mit der installierten Erweiterung „Bazaarvoice Analytics Inspector“ .

Führen Sie folgende Schritte zum Testen des Tags durch:

1. Klicken Sie das Dropdown-Menü rechts oben in Ihrem Arbeitsbildschirm an und wählen Sie VORSCHAU. Dadurch wird der Vorschau-Modus aktiviert, sodass Sie das Tag testen können.

   

2. Laden Sie Ihre Webseite in Chrome.

3. Überprüfen Sie, dass das Tag für die Seite ausgelöst wurde. In der Vorschauansicht des Google Tag Manager sollte der BV-Lader unter Für diese Seite ausgelöste Tags aufgeführt werden.

   Falls das Tag nicht ausgelöst wurde, überprüfen Sie, dass der Trigger richtig eingerichtet wurde. Wenn sich beispielsweise in den Filtern Rechtschreibfehler befinden, wird der Trigger nicht erwartungsgemäß ausgelöst.

4. Klicken Sie im Browsermenü auf , um den Analytics Inspector anzuzeigen und zu überprüfen, dass die Details ungefähr folgendermaßen angezeigt werden:

   

PageView-Tag hinzufügen

Das Event „PageView“ gibt an, dass ein Benutzer die Seite geladen hat. Fügen Sie dieses Tag mit dem Tag Manager hinzu, um Daten zu Seitenaufrufen zu erfassen.

Tag anlegen

Legen Sie in Ihrem Arbeitsfenster in Google Tag Manager ein neues Tag mit folgenden Eigenschaften an:

• Name: BV-PageView

• Tag-Konfiguration: Wählen Sie Benutzerdefiniertes HTML als Tag-Typ und fügen Sie dann Code hinzu, um Daten von Ihrer Website zu erfassen. Denken Sie daran, für jeden Parameter in der trackPageView-Funktion Werte für Ihre Website anzugeben. Wenn Ihre Website dynamischer ist und JavaScript-Variablen auf der Seite enthält, können Sie diese zur Festlegung der Werte verwenden. Für die trackPageView-Funktion genügt ein einfaches JavaScript-Objekt. Ihre Website-Entwickler können Sie beraten, wie Sie dieses Seitenaufruf-Objekt mit auf der Seite vorhandenen Variablen dynamisch ausfüllen können.

  Hier ist ein Beispiel:

  <script> BV.pixel.trackPageView({ bvProduct: 'RatingsAndReviews', productId: 'LXS', brand: 'Kenmore', type: 'Product', categoryId: 22, rootCategoryId: 'electronics', numReviews: 30, numQuestions: 12, numAnswers: 4, avgRating: 4.4, percentRecommended: 100 }); </script>
  

• Tag auslösen: Fügen Sie einen neuen Trigger für das Event Window Loaded hinzu und geben Sie Window Loaded als Bezeichnung des Triggers an.
  Hinweis: Wenn eine Seite im Browser geladen wurde, löst Google Tag Manager nacheinander die Events „PageView“, „DOM Ready“ und „Window Loaded“ aus. „PageView“ wird ausgelöst, sobald der Browser mit der Parsierung der Seite beginnt. „DOM Ready“ wird ausgelöst, sobald der Browser die Konstruktion des Document Object Model abgeschlossen hat. „Window Loaded“ wird ausgelöst, sobald die Seite mitsamt Bildern und Skripten vollständig geladen ist. Das PageView-Tag nutzt den Trigger für „Window Loaded“, weil Google Tag Manager den BV-Lader asynchron lädt. Dieses Event muss abgeschlossen sein, bevor die Funktion PageView nachverfolgen im PageView-Tag aufgerufen wird. Wird der Trigger auf „Page View“ eingestellt, kann es passieren, dass der BV-Lader nicht vollständig geladen wird und einen Seitenaufruf nicht nachverfolgt.

Das neue Tag sollte wie folgendes Beispiel aussehen:

Tag testen

Führen Sie folgende Schritte zum Testen des Tags durch:

1. Klicken Sie das Dropdown-Menü rechts oben in Ihrem Arbeitsbildschirm an und wählen Sie VORSCHAU. Dadurch wird der Vorschau-Modus aktiviert, sodass Sie das Tag testen können.

   

2. Laden Sie Ihre Webseite in Chrome.

3. Überprüfen Sie, dass das Tag für die Seite ausgelöst wurde. In der Vorschauansicht des Google Tag Manager sollte der BV-Lader unter Für diese Seite ausgelöste Tags aufgeführt werden.

   Falls das Tag nicht ausgelöst wurde, überprüfen Sie, dass der Trigger richtig eingerichtet wurde. Wenn sich beispielsweise in den Filtern Rechtschreibfehler befinden, wird der Trigger nicht erwartungsgemäß ausgelöst.

4. Klicken Sie im Browsermenü auf , um den Analytics Inspector anzuzeigen und zu überprüfen, dass die Details ungefähr folgendermaßen angezeigt werden:

   

InView-Tag hinzufügen

Das Ereignis InView zeigt an, dass benutzergenerierte Inhalte auf der Seite sichtbar sind. Das Ereignis wird ausgelöst, wenn 250 Pixel des Bewertung-Containers im Browser sichtbar sind. Fragen Sie Ihre Webseite-Entwickler, welche Bereiche der Seite nachverfolgt werden. Jedes Seitenelement, das Sie nachverfolgen möchten, benötigt eine eindeutige ID. Fügen Sie dann dieses Tag über den Tag Manager hinzu, um die sichtbaren Daten zu erfassen.

Tag anlegen

Legen Sie in Ihrem Arbeitsfenster in Google Tag Manager ein neues Tag mit folgenden Eigenschaften an:

• Name: BV-InView
• Tag-Konfiguration:

  • Tag-Typ: Wählen Sie Benutzerdefiniertes HTML und fügen Sie dann Code hinzu, um Daten von Ihrer Website zu erfassen. Denken Sie daran, für jeden Parameter in der trackInView-Funktion Werte für Ihre Website anzugeben. Ein Beispiel sehen Sie hier:

    <script> BV.pixel.trackInView({ productId: 'LXS', bvProduct: 'RatingsAndReviews', brand: 'Kenmore', categoryId: 22, rootCategoryId: 'electronics' }, { minPixels: 250, containerId: 'bvUGC' //div ID of reviews container }); </script>
    

  • Erweiterte Einstellungen: Wählen Sie unter Optionen für Tag-Auslösung die Einstellung Einmal pro Seite.

• Tag auslösen: Wählen Sie den Typ Benutzerdefiniertes Event, geben Sie bvLoaded als Trigger-Bezeichnung ein (die im BV-Lader-Tag definierte Funktion) und wählen Sie dann die Option Einige benutzerdefinierte Event.
  Hinweis: Gemäß diesen Anweisungen kann der Trigger das Event auf einer Seite auslösen. Alternativ könnten Sie die Funktion „Alle Seiten“ nutzen. Das könnte jedoch dazu führen, dass sehr viele InView-Tags angelegt werden, was unter Umständen die Ladezeit der Seiten verlangsamen würde. Bazaarvoice empfiehlt Ihnen, einen Trigger für die Seite oder die Gruppe von Seiten anzulegen, die die Container-ID enthalten soll, für die Sie Tags anlegen.

  Ein Beispiel für die Trigger-Konfiguration sehen Sie hier:

  

Das neue Tag sollte wie folgendes Beispiel aussehen:

Tag testen

Führen Sie folgende Schritte zum Testen des Tags durch:

1. Klicken Sie das Dropdown-Menü rechts oben in Ihrem Arbeitsbildschirm an und wählen Sie VORSCHAU. Dadurch wird der Vorschau-Modus aktiviert, sodass Sie das Tag testen können.

   

2. Laden Sie Ihre Webseite in Chrome.

3. Überprüfen Sie, dass das Tag für die Seite ausgelöst wurde. In der Vorschauansicht des Google Tag Manager sollte der BV-Lader unter Für diese Seite ausgelöste Tags aufgeführt werden.

   Falls das Tag nicht ausgelöst wurde, überprüfen Sie, dass der Trigger richtig eingerichtet wurde. Wenn sich beispielsweise in den Filtern Rechtschreibfehler befinden, wird der Trigger nicht erwartungsgemäß ausgelöst.

4. Klicken Sie im Browsermenü auf , um den Analytics Inspector anzuzeigen und zu überprüfen, dass die Details ungefähr folgendermaßen angezeigt werden:

   

Hinzufügen des ViewedUGC-Tags

Das Ereignis ViewedUGC zeigt an, ob benutzergenerierte Inhalte im Anzeigefenster sichtbar sind. Das Ereignis wird fünf Sekunden nach dem Tag InView ausgelöst, was bedeutet, dass der Bewertungs-Container länger als fünf Sekunden sichtbar ist. Fragen Sie Ihre Webseite-Entwickler, welche Bereiche der Seite nachverfolgt werden. Jedes Seitenelement, das Sie nachverfolgen möchten, benötigt eine eindeutige ID. Fügen Sie dann dieses Tag über den Tag Manager hinzu, um die angezeigten Daten zu erfassen.

Tag anlegen

Legen Sie in Ihrem Arbeitsfenster in Google Tag Manager ein neues Tag mit folgenden Eigenschaften an:

• Name: BV ViewedCGC

• Tag-Konfiguration: Wählen Sie Benutzerdefiniertes HTML aus und fügen Sie dann den Code hinzu, der Daten von Ihrer Webseite erfasst. Denken Sie daran, für jeden Parameter in der Funktion trackViewedUGC Werte für Ihre Webseite anzugeben. Hier ist ein Beispiel:

  <script> BV.pixel.trackViewedUGC({ productId: 'LXS', bvProduct: 'RatingsAndReviews', brand: 'Kenmore', categoryId: 22, rootCategoryId: 'electronics' }, { minPixels: 250, minTime: 2500, containerId: 'bvUGC' //div ID of reviews container </script> 

• Tag auslösen: Wählen Sie den bvLoaded-Trigger, der in dem Schritt InView-Tag hinzufügen angelegt wurde.
  Hinweis: Mit diesen Anweisungen kann der Auslöser das Ereignis auf einer Seite auslösen. Sie könnten „Alle Seiten“ verwenden, aber das könnte zu vielen ViewedUGC-Tags führen und die Ladezeit der Seite verlangsamen. Bazaarvoice empfiehlt, dass Sie einen Auslöser für die spezifische Seite oder Seitengruppe erstellen, die die Container-ID enthält, für die Sie Tags erstellen.

  Ein Beispiel für die Trigger-Konfiguration sehen Sie hier:

  

Das neue Tag sollte wie folgendes Beispiel aussehen:

Tag testen

Führen Sie folgende Schritte zum Testen des Tags durch:

1. Klicken Sie das Dropdown-Menü rechts oben in Ihrem Arbeitsbildschirm an und wählen Sie VORSCHAU. Dadurch wird der Vorschau-Modus aktiviert, sodass Sie das Tag testen können.

   

2. Laden Sie Ihre Webseite in Chrome.

3. Überprüfen Sie, dass das Tag für die Seite ausgelöst wurde. In der Vorschauansicht des Google Tag Manager sollte der BV-Lader unter Für diese Seite ausgelöste Tags aufgeführt werden.

   Falls das Tag nicht ausgelöst wurde, überprüfen Sie, dass der Trigger richtig eingerichtet wurde. Wenn sich beispielsweise in den Filtern Rechtschreibfehler befinden, wird der Trigger nicht erwartungsgemäß ausgelöst.

4. Klicken Sie im Browsermenü auf , um den Analytics Inspector anzuzeigen und zu überprüfen, dass die Details ungefähr folgendermaßen angezeigt werden:

   

FeatureUsed-Tag hinzufügen

Das Ereignis FeatureUsed zeichnet die Benutzerinteraktion mit dem Container für benutzergenerierte Inhalte und den Steuerelementen auf. So können Sie zum Beispiel nachverfolgen, wann ein Benutzer eine Schaltfläche anklickt oder ein Video anschaut. Fragen Sie Ihre Webseite-Entwickler, welche Bereiche der Seite nachverfolgt werden. Jede Sache, die Sie nachverfolgen möchten, benötigt eine eindeutige ID. Fügen Sie dieses Tag über den Tag Manager hinzu.

Analytics implementieren

Bitte beachten Sie die Hinweise auf dieser Seite zur Implementierung von Analytics.

Variable anlegen

Führen Sie folgende Schritte zur Erstellung einer benutzerdefinierten Variable in Google Tag Manager aus. Google Tag Manager nutzt Variablen zur gemeinsamen Nutzung von Daten für mehrere Tags.

1. Legen Sie die Variable mit folgenden Eigenschaften an:

   • Name: Element-ID
   • Typ: Auto-Event Variable unter Seitenelemente
   • Variablen-Typ: Element ID

   Bei der Konfiguration der Variablen sollten Sie folgendermaßen vorgehen:

   

2. Identifizieren Sie die ID, die von dem Element genutzt wird, das Sie verfolgen wollen. In der Regel enthalten HTML-Elemente ein ID-Attribut. Andernfalls müssen Sie ggf. die Website von einem Entwickler modifizieren und ein Attribut hinzufügen lassen. Öffnen Sie ein neues Fenster oder eine neue Registerkarte in Ihrem Browser und lokalisieren Sie die Schaltfläche bzw. das Element, die oder das verfolgt werden soll. Klicken Sie mit der rechten Maustaste auf das Element und wählen Sie Inspizieren. Lokalisieren Sie die entsprechende ID im HTML-Code.

   Hier ist ein Beispiel:

   Im folgenden Beispiel lautet die ID helpfulness-btn-yes:

   <button type="button" class="btn btn-vote js-btn-vote-yes" bveventtype="votingHelpfulness" data-value="yes" id="helpfulness-btn-yes">...</button>
   

3. Legen Sie in Ihrem Arbeitsfenster in Google Tag Manager einen Trigger an, der von dem FeatureUsed-Tag verwendet wird, um zu erfassen, dass ein Benutzer das entsprechende Element auf Ihrer Website angeklickt hat. So kann es zum Beispiel erfassen, dass ein Benutzer neben „War diese Bewertung hilfreich?“ die Schaltfläche „Ja“ angeklickt hat. Legen Sie folgende Trigger-Eigenschaften fest:

   • Name: Geben Sie eine Bezeichnung zur Beschreibung der Aktion an, wie z. B. Hat „Ja, hilfreich“ angeklickt.
   • Typ: Alle Elemente unter „Klicken“.
   • Trigger-Konfiguration
     • Dieser Trigger wird ausgelöst durch: Mehrere Klicks

     • Dieser Trigger soll ausgelöst werden, wenn ein Event erfasst wird und folgende Bedingungen zutreffen: Element ID (die oben definierte Variable) auswählen, enthält auswählen, anschließend die Element-ID angeben. Bei der Konfiguration sollten Sie folgendermaßen vorgehen:

       

Tag anlegen

Legen Sie ein neues Tag mit folgenden Eigenschaften an:

• Name: Geben Sie eine Bezeichnung zur Beschreibung der Aktion an, wie z. B. Fand Bewertung hilfreich.

• Tag-Konfiguration: Wählen Sie Benutzerdefiniertes HTML und fügen Sie dann Code hinzu, um Daten von Ihrer Website zu erfassen. Denken Sie daran, für jeden Parameter in der trackEvent-Funktion Werte für Ihre Website anzugeben. Ein Beispiel sehen Sie hier:

  <script> BV.pixel.trackEvent('Feature', { type: 'Used', name: 'Feature_Button', brand: 'Test Brand', productId: '1234567-bunnyhat', bvProduct: 'RatingsAndReviews', categoryId: 'hats', detail1: 'review_helpful', detail2: 'yes' }); </script>
  

• Tag auslösen: Wählen Sie das wie oben beschrieben angelegte Tag.

Das neue Tag sollte wie folgendes Beispiel aussehen:

Tag testen

Führen Sie folgende Schritte zum Testen des Tags durch:

1. Klicken Sie das Dropdown-Menü rechts oben in Ihrem Arbeitsbildschirm an und wählen Sie VORSCHAU. Dadurch wird der Vorschau-Modus aktiviert, sodass Sie das Tag testen können.

   

2. Laden Sie Ihre Webseite in Chrome.

3. Überprüfen Sie, dass das Tag für die Seite ausgelöst wurde. In der Vorschauansicht des Google Tag Manager sollte der BV-Lader unter Für diese Seite ausgelöste Tags aufgeführt werden.

   Falls das Tag nicht ausgelöst wurde, überprüfen Sie, dass der Trigger richtig eingerichtet wurde. Wenn sich beispielsweise in den Filtern Rechtschreibfehler befinden, wird der Trigger nicht erwartungsgemäß ausgelöst.

4. Klicken Sie im Browsermenü auf , um den Analytics Inspector anzuzeigen und zu überprüfen, dass die Details ungefähr folgendermaßen angezeigt werden:

   

Conversion-Tag hinzufügen

Ein Conversion-Event erfasst Benutzeraktivitäten außerhalb des E-Commerce, die nicht direkt Umsatz generieren, aber trotzdem wertvoll sind, wie z. B. die Nutzung einer Händler- oder Produktsuche. Fügen Sie dieses Tag mit dem Tag Manager hinzu.

Hinweis:Dies ist ein Pflicht-Tag auf Websites, die nicht dem E-Commerce gewidmet sind, wie z. B. Markenwebsites. Auf E-Commerce-Websites ist es ein optionales Tag. Fügen Sie es zu jeder Seite hinzu, auf der ein Event stattfinden kann.

Variable anlegen

Führen Sie folgende Schritte zur Erstellung einer benutzerdefinierten Variable in Google Tag Manager aus. Google Tag Manager nutzt Variablen zur gemeinsamen Nutzung von Daten für mehrere Tags.

1. Legen Sie die Variable mit folgenden Eigenschaften an:

   • Name: Element-ID
   • Typ: Auto-Event Variable unter Seitenelemente
   • Variablen-Typ: Element ID

   Bei der Konfiguration der Variablen sollten Sie folgendermaßen vorgehen:

   

2. Identifizieren Sie die ID, die von dem Element genutzt wird, das Sie verfolgen wollen. In der Regel enthalten HTML-Elemente ein ID-Attribut. Andernfalls müssen Sie ggf. die Website von einem Entwickler modifizieren und ein Attribut hinzufügen lassen. Öffnen Sie ein neues Fenster oder eine neue Registerkarte in Ihrem Browser und lokalisieren Sie die Schaltfläche bzw. das Element, die oder das verfolgt werden soll. Klicken Sie mit der rechten Maustaste auf das Element und wählen Sie Inspizieren. Lokalisieren Sie die entsprechende ID im HTML-Code.

   Im folgenden Beispiel ist die ID findStore:

   <button data-target="#overlay" data-behavior="modal" data-tcin="15060404" id="findStore" class="btn btn-sm">...</button>
   

3. Legen Sie in Ihrem Arbeitsfenster in Google Tag Manager einen Trigger an, der von dem FeatureUsed-Tag zur Erfassung des entsprechenden Events verwendet wird. So können Sie zum Beispiel erfassen, wenn ein Benutzer die Schaltfläche zur Händlersuche anklickt. Legen Sie folgende Trigger-Eigenschaften fest:

   • Name: Geben Sie eine Bezeichnung zur Beschreibung der Aktion an, wie z. B. Händlersuche.
   • Typ: Alle Elemente unter „Klicken“.
   • Trigger-Konfiguration
     • Dieser Trigger wird ausgelöst durch: Mehrere Klicks

     • Dieser Trigger soll ausgelöst werden, wenn ein Event erfasst wird und folgende Bedingungen zutreffen: Element ID (die oben definierte Variable) auswählen, enthält auswählen, anschließend die Element-ID angeben. Bei der Konfiguration sollten Sie folgendermaßen vorgehen:

       

Tag anlegen

Legen Sie ein neues Tag mit folgenden Eigenschaften an:

• Name: Geben Sie eine Bezeichnung zur Beschreibung der Aktion an, wie z. B. Händlersuche.

• Tag-Konfiguration: Wählen Sie Benutzerdefiniertes HTML und fügen Sie dann Code hinzu, um Daten von Ihrer Website zu erfassen. Denken Sie daran, für jeden Parameter in der trackConversion-Funktion Werte für Ihre Website anzugeben. Ein Beispiel sehen Sie hier:

  <script> BV.pixel.trackConversion({ label: 'Store Locator', value: 1, type: 'TestConversion' }); </script>
  

• Tag auslösen: Wählen Sie das wie oben beschrieben angelegte Tag.

Das neue Tag sollte wie folgendes Beispiel aussehen:

Tag testen

Führen Sie folgende Schritte zum Testen des Tags durch:

1. Klicken Sie das Dropdown-Menü rechts oben in Ihrem Arbeitsbildschirm an und wählen Sie VORSCHAU. Dadurch wird der Vorschau-Modus aktiviert, sodass Sie das Tag testen können.

   

2. Laden Sie Ihre Webseite in Chrome.

3. Überprüfen Sie, dass das Tag für die Seite ausgelöst wurde. In der Vorschauansicht des Google Tag Manager sollte der BV-Lader unter Für diese Seite ausgelöste Tags aufgeführt werden.

   Falls das Tag nicht ausgelöst wurde, überprüfen Sie, dass der Trigger richtig eingerichtet wurde. Wenn sich beispielsweise in den Filtern Rechtschreibfehler befinden, wird der Trigger nicht erwartungsgemäß ausgelöst.

4. Klicken Sie im Browsermenü auf , um den Analytics Inspector anzuzeigen und zu überprüfen, dass die Details ungefähr folgendermaßen angezeigt werden:

   

Transaction-Tag hinzufügen

Ein Transaction-Event erfasst Kaufdaten, wenn ein Kunde ein Produkt kauft. Ein Kauf umfasst eine Bestellung und die in der Bestellung gekauften Artikel. Fügen Sie dieses Tag mit dem Tag Manager hinzu.

Hinweis:Das Transaction-Tag ist auf E-Commerce-Websites erforderlich.

Bestelldaten zu der Seite hinzufügen

Code zu einer Seite hinzufügen, die Bestelldaten enthält, wie z. B. die Zahlungsbestätigungsseite oder die Danke-Seite. Dieser Code kopiert Transaktionsdaten in die Datenebene des Google Tag Manager. Die Datenebene schickt Datenobjekte an den Google Tag Manager, damit Tags, Trigger und Variablen darauf zugreifen können.

Achten Sie beim Hinzufügen von Bestelldaten bitte auf folgende Einschränkungen:

• Wenn Sie einen Parameter ohne Wert angeben möchten, müssen Sie "0" oder "" als Wert eingeben. Vergewissern Sie sich, dass die Werte nicht automatisch auf "null" eingestellt werden.

• Achten Sie beim Übertragen von Elementparametern aus der Datenebene darauf, das Objekt als Array und nicht als String festzulegen. Wird das Objekt als String übertragen, werden Namen und Werte von Parametern wie in dem gezeigten Beispiel in Anführungszeichen einbezogen und anschließend maskiert. In diesem Fall ist das Parsing der Array-Elemente nicht möglich.

  "items": "[ {\"name\":\"Product_Name\",\"price\":2899.99,\"sku\":2935,\"quantity\":2}]" 

  Formatieren Sie die Parameter stattdessen wie in dem Beispiel unten.

Eine Liste der Pflicht- und optionalen Parameter finden Sie unter Zum Transaktionsereignis hinzufügen.

Hier sehen Sie ein Beispiel für den Code, der auf der Seite ausgeführt werden soll:

var transactionData = { // host: "bazaarvoice.com", currency: '', orderId: '4601555774216', total: '9.27', city: 'Springfield', state: 'DOH', country: '', zip: '55555', userId: '', email: 'homer@simpson.com', nickname: '', tax: '0.72', shipping: '4.97', items: [ { price: '3.58' quantity: '1', sku: '1234567-2', category: 'beer', name: 'Can of Generic Beer', imageUrl: 'http://tag-manager.bazaarvoice.cimages/beer.jpg', } ] }; // Ensure that dataLayer exists as an array if Google Tag Manager // is still asynchronously loading. window['dataLayer'] = window['dataLayer'] || []; // Send the transaction data into the Google Tag Manager. window['dataLayer'].push({ 'transactionData': transactionData }); // Tell Google Tag Manager to send Bazaarvoice Conversion Tracking window['dataLayer'].push({ 'event': 'bv_conversion_transaction' });

Variable anlegen

Führen Sie folgende Schritte zur Erstellung einer benutzerdefinierten Variable in Google Tag Manager aus. Google Tag Manager nutzt Variablen zur gemeinsamen Nutzung von Daten für mehrere Tags.

1. Legen Sie eine Variable mit folgenden Eigenschaften an, um Transaktionsdaten mit der Datenebene austauschen zu können:

   • Name: Transaktionsdaten
   • Typ: Datenebenen-Variable unter „Seiten-Variablen“
   • Variablen-Typ: transactionData – wurde in dem Code konfiguriert, der im 1. Schritt zu der Seite hinzugefügt wurde

   Bei der Konfiguration der Variablen sollten Sie folgendermaßen vorgehen:

   

2. Legen Sie in Ihrem Arbeitsfenster in Google Tag Manager einen Trigger an, der von der Seite verwendet wird, um Google Tag Manager zu benachrichtigen, dass eine Konversions-Transaktion stattgefunden hat und die Transaktionsdaten bereitstehen. Geben Sie folgende Trigger-Eigenschaften ein:

   • Name: BV-Transaktion
   • Typ: Benutzerdefiniertes Ereignis unter „Sonstige“
   • Trigger-Konfiguration: Geben Sie bv_conversion_transaction als Bezeichnung des Ereignisses an – dies entspricht dem im 1. Schritt angegebenen Code

   

Tag anlegen

Legen Sie ein neues Tag mit folgenden Eigenschaften an:

• Name:  Geben Sie BV-Transaktion an.

• Tag-Konfiguration: Wählen Sie Benutzerdefiniertes HTML und fügen Sie dann Code hinzu, um Daten von Ihrer Website zu erfassen. Denken Sie daran, für jeden Parameter in der trackTransaction-Funktion Werte für Ihre Website anzugeben. Ein Beispiel sehen Sie hier:

  <script> function waitForBV() { if (typeof(BV) === 'object') { BV.pixel.trackTransaction({{Transaction Data}}); } else { setTimeout(waitForBV, 250); } } waitForBV(); </script> 

  Hinweis: Google Tag Manager lädt den BV-Lader asynchron. Dadurch kann ein Konflikt entstehen. Es kann passieren, dass die Datenschicht ein Element enthält, das den Tag Manager anweist, die Konversions-Transaktion auszulösen, bevor das Laden des BV-Laders abgeschlossen ist. Die Sequenzierungs-Funktion im Tag Manager weiß nicht, wann Bazaarvoice in JavaScript verfügbar ist. Deswegen prüft die Funktion alle 250 Millisekunden, ob der BV-Lader geladen wurde. Erst nach abgeschlossenem Ladevorgang werden Transaktionen nachverfolgt.
  
  Beachten Sie außerdem, dass die Transaktionsdaten-Variable in doppelten geschweiften Klammern hinzugefügt wird. Dies ist zwar keine Standard-Schreibweise in JavaScript, wird aber vom Tag Manager als Verweis auf die benutzerdefinierte Variable interpretiert, die Sie im 2. Schritt eingerichtet haben. Wenn dieser Code ausgeführt wird, ersetzt Tag Manager diese Variable durch ein Objekt.
  
  Abschließend ist zu beachten, dass Leerzeichen vor und nach Wörtern bei der Tag-Manager-Variable mitgelesen werden. Denken Sie daran, bei der Bezeichnung der Variable keine Leerzeichen zu setzen, also nicht: {{ Transaktionsdaten }}.
  
• Tag auslösen: Wählen Sie das wie oben beschrieben angelegte Tag.

Das neue Tag sollte wie folgendes Beispiel aussehen:

Tag testen

Führen Sie folgende Schritte zum Testen des Tags durch:

1. Klicken Sie das Dropdown-Menü rechts oben in Ihrem Arbeitsbildschirm an und wählen Sie VORSCHAU. Dadurch wird der Vorschau-Modus aktiviert, sodass Sie das Tag testen können.

   

2. Laden Sie Ihre Webseite in Chrome.

3. Überprüfen Sie, dass das Tag für die Seite ausgelöst wurde. In der Vorschauansicht des Google Tag Manager sollte der BV-Lader unter Für diese Seite ausgelöste Tags aufgeführt werden.

   Falls das Tag nicht ausgelöst wurde, überprüfen Sie, dass der Trigger richtig eingerichtet wurde. Wenn sich beispielsweise in den Filtern Rechtschreibfehler befinden, wird der Trigger nicht erwartungsgemäß ausgelöst.

4. Klicken Sie im Browsermenü auf , um den Analytics Inspector anzuzeigen und zu überprüfen, dass die Details ungefähr folgendermaßen angezeigt werden:

   

Tags veröffentlichen

Wenn Sie bereit sind und Ihre Änderungen live auf Ihre Website stellen wollen, müssen Sie den Container des Google Tag Manager veröffentlichen.

1. Klicken Sie rechts oben in Ihrem Arbeitsbildschirm auf VERÖFFENTLICHEN.
2. Fügen Sie eine Bezeichnung und Beschreibung für diese Version des Containers hinzu und klicken Sie dann auf VERÖFFENTLICHEN.