Google Floodlight-Tags

Dieser Artikel richtet sich an Entwickler, die Floodlight-Tags aus einem Tag Manager-Webcontainer in einen Servercontainer verschieben möchten.

Mit serverseitigem Tag Manager können Sie Ihre Google Floodlight-Verkäufe und von der Webseite an den Server senden. Diese Tags auf den Server verschieben reduziert die Menge an Code, der auf der Seite ausgeführt werden muss. der Seitenladezeiten.

Hinweis

Bevor Sie Tags auf Ihren Server verschieben können, müssen folgende Voraussetzungen erfüllt sein:

Schritt 1: Tag vom Typ „Conversion-Verknüpfung“ einrichten

Über Ihr Floodlight-Konto können nur dann Conversion-Daten an Google Tag Manager gesendet werden, wenn Sie ein Tag vom Typ Conversion-Verknüpfung eingerichtet haben.

Wenn Sie bereits eine Tag Conversion-Verknüpfung die in Ihrem Servercontainer konfiguriert sind, können Sie diesen Schritt überspringen.

So richten Sie das Tag Conversion-Verknüpfung ein:

  1. Öffnen Sie im Arbeitsbereich Ihres Servercontainers das Menü Tags auf der linken Seite des Seite.
  2. Klicken Sie auf Neu, um ein neues Tag hinzuzufügen.
  3. Wählen Sie den Tag-Typ Conversion-Verknüpfung aus.
  4. Richten Sie den Trigger ein, durch den das serverseitige Tag Conversion-Verknüpfung Feuer.
    In den meisten Fällen ist der Trigger Alle Seiten die beste Option.
  5. Benennen Sie das Tag und klicken Sie auf Speichern. Details zum Tag „Conversion-Verknüpfung“

Schritt 2: Floodlight-Tags einrichten

Google Tag Manager unterstützt Floodlight-Zähler-Tags und Floodlight-Verkaufs-Tags in Servercontainer.

Floodlight-Zähler

So richten Sie ein Floodlight-Zähler-Tag ein:

  1. Wählen Sie im Arbeitsbereich Ihres Servercontainers links das Menü Tags aus auf der Seite angezeigt.
  2. Klicken Sie auf Neu, um ein neues Tag hinzuzufügen.
  3. Wählen Sie den Tag-Typ Floodlight-Zähler aus.

    Dialogfeld „Tag-Typ auswählen“ mit dem Floodlight-Zähler-Tag
hervorgehoben

  4. Um die für die Tag-Konfiguration erforderlichen Werte zu erfassen, öffnen Sie ein weiteres Browserfenster und melden Sie sich in Campaign Manager 360 an. Klicken Sie auf Werbetreibende und anschließend auf den Namen des Werbetreibenden. Geben Sie die folgenden Werte in Ihr neues Tag Manager-Floodlight-Zähler-Tag ein:

    • Werbetreibenden-ID: Diese ID wird für den Werbetreibenden angezeigt. direkt unter dem Namen des Werbetreibenden angezeigt. Dieser Wert ist wird auch als Wert von src= in einem generierten Floodlight-Tag gefunden Snippet.
    • Gruppen-Tag-String: Identifizieren Sie in der Aktivitätstabelle die Aktivität. den Sie verwenden möchten, und suchen Sie den Gruppen-Tag-String unter eine Spalte rechts. Dies ist auch als Wert von type= in einem generierten Floodlight-Tag-Snippet
    • Aktivitäts-Tag-String: Identifizieren Sie in der Aktivitätstabelle die Aktivität, mit der Sie arbeiten möchten, und finden Sie das Aktivitäts-Tag String in einer Spalte auf der rechten Seite aufgeführt. Dies ist auch als Wert von cat= in einem generierten Floodlight-Tag-Snippet
  5. Legen Sie die gewünschte Zählmethode fest:

    • Standard: Jede Conversion wird gezählt.
    • Eindeutig: Die erste Conversion eines einzelnen Nutzers wird gezählt. an jedem 24-Stunden-Tag, von Mitternacht bis Mitternacht Eastern Time (USA).
    • Pro Sitzung: Pro Nutzer und Sitzung wird eine Conversion gezählt. Die Länge der Sitzung wird durch die Website festgelegt, auf der sich das Floodlight-Tag befindet bereitgestellt.
  6. Öffnen Sie das Fenster Trigger auswählen.

  7. Wählen Sie im Menü Triggerkonfiguration einen Trigger aus. In den meisten Fällen ist die beste Option Alle Seiten.

    Dialogfeld „Trigger auswählen“ mit dem Trigger „Alle Seiten“
hervorgehoben

  8. Geben Sie einen Tag-Namen ein und klicken Sie auf Speichern.

    Screenshot, auf dem das Feld "Name des Floodlight-Zähler-Tags" zu "Floodlight" geändert wurde
Zähler-Tag

Floodlight-Verkäufe

So richten Sie ein Floodlight-Verkaufs-Tag ein:

  1. Wählen Sie im Arbeitsbereich Ihres Servercontainers links das Menü Tags aus auf der Seite angezeigt.
  2. Klicken Sie auf Neu, um ein neues Tag hinzuzufügen.
  3. Wählen Sie den Tag-Typ Floodlight-Verkäufe aus. Hinweis: Die Floodlight-Verkäufe automatisch die folgenden Werte aus dem entsprechendes E-Commerce-Feld:

    *   Order ID (Transaction ID)
    *   Revenue (Value)
    
  4. Um die für die Tag-Konfiguration erforderlichen Werte zu erfassen, öffnen Sie ein weiteres Browserfenster und melden Sie sich in Campaign Manager an. 360 Klicken Sie auf Werbetreibende und klicken Sie dann auf den Namen des Werbetreibenden. Geben Sie Folgendes ein: in Ihrem neuen Tag Manager Floodlight-Zähler-Tag:

    • Werbetreibenden-ID: Diese ID wird für den Werbetreibenden angezeigt. direkt unter dem Namen des Werbetreibenden angezeigt. Dieser Wert ist wird auch als Wert von src= in einem generierten Floodlight-Tag gefunden Snippet.
    • Gruppen-Tag-String: Identifizieren Sie in der Aktivitätstabelle die Aktivität. den Sie verwenden möchten, und suchen Sie den Gruppen-Tag-String unter eine Spalte rechts. Dies ist auch als Wert von type= in einem generierten Floodlight-Tag-Snippet
    • Aktivitäts-Tag-String: Identifizieren Sie in der Aktivitätstabelle die Aktivität, mit der Sie arbeiten möchten, und finden Sie das Aktivitäts-Tag String in einer Spalte auf der rechten Seite aufgeführt. Dies ist auch als Wert von cat= in einem generierten Floodlight-Tag-Snippet
  5. Legen Sie die gewünschte Zählmethode fest:

    • Standard: Jede Conversion wird gezählt.
    • Eindeutig: Die erste Conversion eines einzelnen Nutzers wird gezählt. an jedem 24-Stunden-Tag, von Mitternacht bis Mitternacht Eastern Time (USA).
    • Pro Sitzung: Pro Nutzer und Sitzung wird eine Conversion gezählt. Die Länge der Sitzung wird durch die Website festgelegt, auf der sich das Floodlight-Tag befindet bereitgestellt.
  6. Öffnen Sie das Fenster Trigger auswählen.

  7. Wählen Sie im Menü Triggerkonfiguration einen Trigger aus. In den meisten Fällen ist die beste Option Alle Seiten.

  8. Geben Sie einen Tag-Namen ein und klicken Sie auf Speichern.

Optional: Erweiterte Conversions einrichten

Wenn Sie erweiterte Conversions nicht verwenden, können Sie mit dem Abschnitt Die einrichten

So konfigurieren Sie die Option Erweitert Conversions folgen die unten beschriebenen Schritte.

Variable für von Nutzern bereitgestellte Daten einrichten

Es gibt drei Möglichkeiten, erweiterte Conversions in Tag Manager zu implementieren. Sie müssen nur eine Option auswählen, um von Nutzern bereitgestellte Daten zu erheben.

Automatische Erfassung Manuelle Konfiguration Codekonfiguration
Erfassungsmethode Erfasst automatisch von Nutzern bereitgestellte Daten basierend auf dem Code Ihres Website.

Wenn Sie steuern möchten, wo Eingaben erfasst werden, wählen Sie ein manuelle oder Code-Einrichtung.
Bestimmte zu erfassende CSS-Eigenschaften oder JavaScript-Variablen angeben von Nutzern bereitgestellte Daten.

Wenn Sie die Kontrolle über Datenformatierung und Hash-Technologie die Code-Konfiguration aktivieren.
Fügen Sie Ihrer Website ein Code-Snippet hinzu, über das gehashte Kundendaten gesendet werden für den Abgleich.
Diese Methode ist die beste Wahl, um die Genauigkeit von erweiterten Conversions, indem Sie einheitlich formatierte Daten wenn Ihr Conversion-Tag ausgelöst wird.
Komplexität Einfach Durchschnittlich oft Fernsehende Komplex
Ballkünste Keine besonderen Fähigkeiten erforderlich HTML und CSS Webentwicklung

Automatische Erfassung

  1. Öffnen Sie in Ihrem Webcontainer das Menü Variablen.
  2. Erstellen Sie eine neue benutzerdefinierte Variable vom Typ Von Nutzern bereitgestellte Daten.
  3. Wählen Sie für Typ die Option Automatische Erfassung aus.
  4. Benennen Sie die Variable, z. B. My user-defined data.
  5. Klicken Sie auf Speichern.

Manuelle Konfiguration

  1. Öffnen Sie in Ihrem Webcontainer das Menü Variablen.
  2. Erstellen Sie eine neue benutzerdefinierte Variable vom Typ Von Nutzern bereitgestellte Daten.
  3. Legen Sie den Typ auf Manuelle Konfiguration fest.
  4. Fügen Sie in das entsprechende Datenfeld, das Sie über erweiterte Conversions bereitstellen möchten, eine neue oder vorhandene Variable hinzu.

  5. Um ein Element aus dem DOM anzugeben, erstellen Sie eine Neue Variable > Variablenkonfiguration > DOM-Element.

  6. Unter Auswahlmethode können Sie entweder einen CSS-Selektor oder eine ID verwenden. Tipp: Wenn sich Ihre CSS-Variablen häufig ändern, fügen Sie Ihrer Website eine HTML-ID hinzu und verwenden Sie die ID-Variable.

  7. Geben Sie den CSS-Selektor oder den ID-Namen ein. Sie können das Feld Attributname leer lassen.

  8. Benennen Sie die Variable des DOM-Elements und klicken Sie auf Speichern. Auf dem Bildschirm werden dann wieder die Einstellungen für Von Nutzern bereitgestellte Daten angezeigt.

  9. Benennen Sie die Variable Von Nutzern bereitgestellte Daten, z. B. My user-defined data.

  10. Klicken Sie auf Speichern.

Codekonfiguration

Schritt 1: Variablen für erweiterte Conversions ermitteln und festlegen

Sie können entweder nicht gehashte Daten senden, die Google dann vor den Daten hasht. die Server erreicht, oder bereits gehashte Daten. Wenn Sie vorab gehashte Daten senden möchten, Codieren Sie die Daten mit hexadezimalem SHA256. Geben Sie in beiden Fällen mindestens eines der folgenden Felder: email oder phone_number.
So übertragen Sie nicht gehashte Daten in die Datenschicht:

  1. Speichern Sie von Nutzern bereitgestellte Daten auf Ihrer Website als Schlüssel/Wert-Paare in einem JavaScript-Variable. Beispiel:

    var leadsUserData = {
      'email': 'name@example.com',
      'phone_number': '+11234567890',
      'address': {
        first_name: 'John',
        last_name: 'Doe',
        street: '123 Lemon',
        city: 'Some city',
        region: 'CA',
        country: 'US',
        postal_code: '12345',
      },
    };
    
  2. Senden Sie die Nutzerdaten zusammen mit einem Ereignis mithilfe von dataLayer.push(). Beispiel:

    <script>
      dataLayer.push({
        'event': 'formSubmitted',
        'leadsUserData': {
          'email': 'name@example.com',
          'phone_number': '+11234567890',
          'address': {
             first_name: 'John',
             last_name: 'Doe',
             street: '123 Lemon',
             city: 'Some city',
             region: 'CA',
             country: 'US',
            postal_code: '12345',
           },
         },
      });
    <script>
    

Die Variable leadsUserData ist jetzt in Google Tag Manager verfügbar.

So übertragen Sie vorab gehashte Daten in die Datenschicht:

  1. Hashen Sie auf Ihrer Website vom Nutzer bereitgestellte Daten mithilfe von hex-codiertem SHA256. Der Schlüssel für codierte Daten muss mit sha256_ beginnen. Beispiel:

    {'sha256_email_address':await hashEmail(email.trim()),
    }
    
  2. Senden Sie die Nutzerdaten zusammen mit einem Ereignis mithilfe von dataLayer.push(). Die Im Beispiel unten sehen Sie eine Datenschichtimplementierung, bei der davon ausgegangen wird, dass Sie eine Hash-Funktion geschrieben, die Sie asynchron ausführen.

    <script>
      dataLayer.push({
        'event': 'formSubmitted',
        'leadsUserData': {
          'sha256_email_address': await hashEmail(email.trim()),
          'sha256_phone_number': await hashPhoneNumber(phoneNumber),
          'address': {
            sha265_first_name: await hashString(firstname),
            sha256_last_name: await hashString(lastname),
            sha256_street: await hashString(streetAddress),
            postal_code: '12345',
           },
         },
      });
    <script>
    

Die Variable leadsUserData ist jetzt in Google Tag Manager verfügbar.

Schritt 2: Variable für von Nutzern bereitgestellte Daten erstellen

  1. Öffnen Sie in Ihrem Webcontainer das Menü Variablen.
  2. Erstellen Sie eine neue benutzerdefinierte Variable vom Typ Von Nutzern bereitgestellte Daten.
  3. Setzen Sie den Typ auf Code.
  4. Klicken Sie auf das Drop-down-Menü für das entsprechende Datenfeld, das Sie bereitstellen möchten, und wählen Sie Neue Variable aus.
  5. Wählen Sie unter Variablentyp auswählen die Option Datenschichtvariable aus.
  6. Verweisen Sie in der Datenschichtvariablen auf Ihre gespeicherten Nutzerdaten. Beispiel: leadsUserData.
  7. Benennen Sie die Datenschichtvariable und speichern Sie sie. Auf dem Bildschirm werden dann wieder die Einstellungen für Von Nutzern bereitgestellte Daten angezeigt.
  8. Benennen Sie die Variable Von Nutzern bereitgestellte Daten, z. B. My user-defined data.
  9. Klicken Sie auf Speichern.

Variable dem Google-Tag zuweisen

  1. Öffnen Sie in Ihrem Webcontainer das Menü Tags.
  2. Bearbeiten Sie das Google-Tag, mit dem Daten an den Tagging-Server gesendet werden.
  3. Fügen Sie unter Konfigurationseinstellungen einen neuen Konfigurationsparameter hinzu. mit dem Namen user_data. Setzen Sie den Wert auf Von Nutzern bereitgestellte Daten. , z. B. {{My user-provided data}}.
  4. Speichern Sie die Änderungen. Ihr Tag sollte wie folgt aussehen:

    Screenshot der endgültigen Google-Tag-Konfiguration, die auf die vom Nutzer bereitgestellte Datenvariable verweist

Serverseitiges Floodlight-Tag konfigurieren

Aktivieren Sie in Ihrem Servercontainer erweiterte Conversions, indem Sie die Floodlight-Verkaufs- oder Floodlight-Zähler-Tag.

alt_text

Optional: Umsatzwert

Für das Floodlight-Verkaufs-Tag wird der Parameter value des Ereignisses als Standard verwendet Betrag, um den Umsatz zu berechnen. Um eine andere Basis für die Berechnung der Umsatz zu generieren, müssen Sie eine Variable einrichten, um Daten aus Ihrer Datenbank abzurufen, und weisen es Ihrem Floodlight-Verkaufs-Tag zu.

So erstellen Sie eine neue Variable:

  1. Öffnen Sie in Ihrem Servercontainer das Menü Variablen.
  2. Erstellen Sie eine neue benutzerdefinierte Variable für die Dateneingabe. Wenn Sie beispielsweise einen Wert aus einer Firestore-Datenbank verwenden möchten, &lcub;&lcub;Firestore-Suche&rcub;&rcub; .
  3. Geben Sie die Datenquellen für die Variable an.
  4. Benennen Sie die Variable, z. B. „Gewinnsuche“. und klicken Sie auf Speichern.

So verwenden Sie die Variable im Floodlight-Verkaufs-Tag:

  1. Öffnen Sie in Ihrem Servercontainer das Menü Tags.
  2. Bearbeiten Sie das Floodlight-Verkaufs-Tag.
  3. Im Bereich Eindeutige Parameter:

    • Wählen Sie als Datenquelle die Option Benutzerdefinierte Konfiguration aus.
    • Wählen Sie für Umsatz die Variable aus, die Sie zuvor erstellt haben.
    • Geben Sie als Bestellnummer eine ID ein oder verwenden Sie eine Variable, um Werte dynamisch zu füllen die Bestell-ID.

    Floodlight-Verkaufs-Tracking mit Umsatz
    Wert

  4. Speichern Sie das Tag.

Optional: Benutzerdefinierte Parameter

Sie können benutzerdefinierte Felder von mit der Google Marketing Platform zu verknüpfen, z. B. match_id.

Google Tag Manager

Stellen Sie x-dc- einem vor, um benutzerdefinierte Felder für Floodlight zu konfigurieren. Parametername:

  1. Öffnen Sie in Ihrem Webcontainer das Menü Tags.
  2. Bearbeiten Sie ein GA4-Ereignis-Tag oder erstellen Sie ein neues.
  3. Geben Sie unter Ereignisparameter den Parameternamen ein. Um zu signalisieren, dass Floodlight, voranstellen: x-dc-. Wenn Sie beispielsweise normalerweise match_id, ändere es in x-dc-match_id.

    Konfiguration der „dc-“-Parameter im GA4-Web-Tag.

  4. Speichern Sie das Tag.

gtag.js

Stellen Sie dem Ereignis x-dc- voran, um benutzerdefinierte Felder für Floodlight zu konfigurieren. Parametername:

  gtag('event', 'purchase', {
      'x-dc-match_id': [MATCH_ID],
      ...
  })

Schritt 3: Einrichtung überprüfen

Sobald Sie Daten mit dem Servercontainer senden, können Sie prüfen, ordnungsgemäß funktioniert, indem Sie die folgenden Schritte ausführen:

  1. Öffnen Sie Ihre Website.
  2. Wählen Sie im Google Tag Manager-Servercontainer Vorschau aus. Der Tag Assistant startet und lädt Ihren Servercontainer.
  3. Auf dem Tab Tags werden alle ausgelösten Tags angezeigt. Prüfen Sie, ob das von Ihnen konfigurierte Tag ausgelöst wurde.
  4. Auf dem Tab Konsole werden alle Fehler angezeigt, die während der Datenübertragung aufgetreten sind. an den Servercontainer. Suchen Sie nach Fehlern und beheben Sie sie.

Weitere Informationen zur Fehlerbehebung in Tag Manager-Containern finden Sie unter Vorschau und Fehlersuche.

Nächste Schritte

Sobald Ihr Floodlight-Tag wie vorgesehen funktioniert, können Sie alle entsprechenden Floodlight-Tags in einem Webcontainer verwenden, um doppelte Daten zu vermeiden.