Verwenden Sie Livefyre mit Adobe Analytics und dem dynamischen Tag-Manager (DTM)

Richten Sie Adobe Analytics und Dynamischen Tag-Manager (DTM) ein, um Daten für Livefyre-Apps zu erfassen.

Schritt 1: Einrichten von Ereignissen in Adobe Analytics

Ordnen Sie Livefyre-Ereignis einem oder mehreren benutzerspezifischen Ereignissen im Adobe Analytics Report Suite Manager zu.

Weitere Informationen zum Report Suite Manager finden Sie unter Report Suite Manager.

  1. Melden Sie sich bei Adobe Analytics als Administrator-Benutzer an.
  2. Öffnen Sie Adobe Analytics Admin Report Suite Manager.
  3. Erstellen Sie eine neue Report Suite oder wählen Sie eine vorhandene Report Suite aus.
  4. Bearbeiten Sie die Report Suite, indem Sie auf die zu ändernde Report Suite klicken und dann zu Edit Settings > Conversion > Success Events navigieren.
  5. Ordnen Sie die Livefyre-Ereignis einem oder mehreren benutzerspezifischen Ereignissen zu.

Schritt 2: Konversionsvariablen einrichten

Ordnen Sie den Konversionsvariablen im Adobe Analytics Admin Report Suite Manager Livefyre-Konversionsvariablen (eVars) zu. Konversionsvariablen fungieren wie eine Sortierfunktion, um zu bestimmen, wie Daten aus Livefyre-Ereignissen identifiziert werden sollen.

  1. Klicken Sie im Report Suite Manager auf Edit Settings > Conversion > Conversion Variables.
  2. Wählen Sie die zu verwendenden benutzerspezifischen Konversionsvariablen (eVars) und ordnen Sie sie den Livefyre-Konversionsvariablen zu. Zuordnen einer Livefyre-Konversionsvariablen zu einer benutzerspezifischen Konversionsvariablen
  • Konversionsvariable aktivieren
  • Benennen der Konversionsvariable
  • Geben Sie der Konversionsvariablen einen Typ
  1. Speichern Sie die benutzerdefinierten Konversionsvariablen.

Schritt 3: Verwenden Sie DTM, um Ihre Report Suite mit Livefyre-Ereignissen zu Hinzufügen

hinzufügen Sie Adobe Analytics zu DTM, damit Analytics funktioniert. Erstellen Sie dazu eine neue Eigenschaft und ein neues Tool und fügen Sie der Eigenschaft die neue Report Suite mit Livefyre-Ereignissen hinzu. Weitere Informationen zu DTM finden Sie unter DTM.

Sie müssen diesen Schritt nicht ausführen, wenn Sie bereits eine Eigenschaft oder ein Tool für die Report Suite eingerichtet haben, die Sie mit Livefyre-Ereignissen eingerichtet haben.

  1. Erstellen oder bearbeiten Sie in DTM eine vorhandene Eigenschaft.

  2. Erstellen oder bearbeiten Sie ein vorhandenes Adobe Analytics-Tool.

  3. Wenn kein vorhandenes Adobe Analytics-Tool vorhanden ist, klicken Sie auf die Schaltfläche Add a Tool.
    Legen Sie die folgenden Parameter für das Tool fest:

    • Setzen Sie Tool Type auf Adobe Analytics.
    • Aktivieren Automatic Configuration.
    • Aktivieren Authenticate via Marketing Cloud.
  4. hinzufügen oder bestätigen Sie den Namen der Report Suite mit Livefyre-Ereignissen im Feld Report Suites.

Schritt 4: Einrichten einer Seitenladeregel zum Einrichten der Analytics-Handhabung

Richten Sie eine Seitenladeregel ein, um alle Daten einzuziehen. Mit der Seitenladeregel können Sie benutzerdefiniertes JavaScript in die Regel einfügen, die das Ereignis beim Laden der Seite aufzeichnet.

HINWEIS

Verwenden Sie keine Ereignis-basierten Regeln oder Direktaufrufregeln.

  1. Wählen Sie in DTM die Registerkarte Rules.

  2. Klicken Page Load Rules.

  3. Klicken Sie auf die Schaltfläche Create New Rule.

  4. Öffnen Sie den Abschnitt Conditions, indem Sie auf die Schaltfläche Plus klicken.

  5. Trigger der Regel. Wählen Sie "DOM Ready"oder "Onload"-Trigger, wenn Sie die Regel asynchron verschieben oder implementieren möchten.

  6. (Optional) Hinzufügen zusätzliche Parameter, um die Seiten zu beschränken, auf denen Livefyre-Apps angezeigt werden. Weitere Informationen zu zusätzlichen Konfigurationsoptionen finden Sie unter DTM.

  7. Klicken Sie unter Javascript/ Third Party Tags auf die Registerkarte Non-sequential und dann auf Add New Script.

  8. Wählen Sie Sequential HTML als Skripttyp aus.

  9. hinzufügen Sie das folgende Skript in den Code-Editor und klicken Sie auf Save Code.

    Das folgende Skript ruft die Direktaufrufregel livefyre_analytics auf, nachdem Livefyre JavaScript geladen wurde. Im folgenden Skriptbeispiel wird alle 400 ms überprüft, ob livefyre.analytics auf der Seite vorhanden ist. Nachdem die Seite geladen wurde, sendet livefyre.analytics Verfolgungsinformationen.

    /** 
    * Poll for Livefyre.analytics object to exist since it gets loaded via the 
    * Livefyre.js JavaScript file. Depending on the timing, this could already 
    * exist or need a little time. 
    */ 
    function pollForAnalytics() {  
    if (Livefyre.analytics) { 
      _satellite.track('livefyre_analytics'); 
        return true; 
      } 
      setTimeout(pollForAnalytics, 400); 
    } 
    setTimeout(pollForAnalytics, 400);
    
  10. Klicken Save Code.

  11. Klicken Save Rule.

Schritt 5: Erstellen einer Direktaufrufregel zum Erstellen der Adobe Analytics-Zuordnungskonfiguration für Livefyre

Es gibt andere Möglichkeiten, Livefyre mit DTM zu implementieren, indem benutzerdefinierte Ereignis, Adobe Analytics-UI-Felder in DTM und Datenelemente verwendet werden. Dieses Dokument verwendet benutzerdefiniertes Javascript, um denselben Effekt zu erzielen.

  1. Wählen Sie in DTM die Registerkarte Regeln und klicken Sie dann auf Direktaufrufregeln.

  2. Klicken Sie auf die Schaltfläche Neue Regel erstellen.

  3. Benennen Sie die neue Regel Livefyre Analytics.

  4. Erweitern Sie den Konfigurationsbereich Bedingung.

  5. Geben Sie im Feld String livefyre_analytics ein.

  6. Erweitern Sie den Abschnitt Javascript/Drittanbieter-Tag und klicken Sie auf die Schaltfläche Hinzufügen Neues Skript.

  7. Geben Sie Livefyre Analytics Config in das Eingabefeld Tag-Name ein.

  8. Wählen Sie Nicht-sequenzielles Javascript.

  9. Geben Sie den folgenden Livefyre-Konfigurationscode in den Code-Editor ein und klicken Sie auf die Schaltfläche Code speichern.

    var s = _satellite.getToolsByType('sc')[0].getS(); 
    
    var evarMap = {  
      appId: 'eVar81',  
      appType: 'eVar82' 
    }; 
    
    var eventMap = { 
      FlagCancel: 'event82',  
      FlagClick: 'event82',  
      FlagDisagree: 'event82',  
      FlagOffensive: 'event82',  
      FlagOffTopic: 'event82',  
      FlagSpam: 'event82',  
      Like: 'event82', 
      Load: 'event81',  
      RequestMore: 'event82',  
      ShareButtonClick: 'event82',  
      ShareFacebook: 'event82',  
      ShareOnPostClick: 'event82',  
      ShareTwitter: 'event82',  
      ShareURL: 'event82',  
      SortStream: 'event82',  
      TwitterLikeClick: 'event82', 
      TwitterReplyClick: 'event82',  
      TwitterRetweetClick: 'event82',  
      TwitterUserFollow: 'event82' 
    }; 
    
     function trackLivefyreEvent(data) {  
      var event = eventMap[data.type]; 
      console.log('Track:', data.type, event); 
    
      if (!event) { 
        console.warn(data.type, 'is not mapped   to an event in AA');  
        return; 
      } 
      var vars = ['events'];  
      switch (event) { 
        case 'event82': s.eVar83 = data.type;  
          vars.push('eVar83');  
          break; 
        default: 
      } 
        ['generator', 'evars'].forEach(function (type) {  
        var obj = data[type]; 
        for (var d in obj) { 
          if (obj.hasOwnProperty(d) && evarMap[d]) {  
            s[evarMap[d]] = obj[d];  
            vars.push(evarMap[d]); 
          } 
        } 
      }); 
      s.linkTrackVars = vars.join(',');  
      s.linkTrackEvents = event;  
      s.events = event; 
    
      console.log('linkTrackVars:',  s.linkTrackVars);  
      console.log('linkTrackEvents:',  s.linkTrackEvents);  
      console.log('events:', s.events); 
      s.tl(); 
      } 
      ]
    
      /** 
    
    • Fügt einen Analytics-Handler für alle Analytics-Ereignis von Livefyre hinzu. Für jedes Ereignis legt es die Daten für ein globales Objekt fest und löst dann das Ereignis aus.
    */ 
    function addAnalyticsHandler() {  
      Livefyre.analytics.addHandler(function (events) { 
        (events || []).forEach(function (data) {  
          console.log('Event handled:', data.type);  
          trackLivefyreEvent(data); 
        }); 
      }); 
    } 
    addAnalyticsHandler();  
    
  10. Klicken Sie auf Regel speichern.

Schritt 6: Änderungen für Seitenladeregel genehmigen

  1. Wechseln Sie zur Registerkarte Approvals.
  2. Klicken Approve.
  3. Klicken Sie auf Yes, approve, um Ihre Genehmigung zu bestätigen.
  4. Gehe zu Overview > Publish Queue.
  5. Wählen Sie die zu veröffentlichende Regel aus.
  6. Klicken Publish Selected.
  7. Klicken Sie auf Publish, um die Veröffentlichung zu bestätigen.

Skript

Der folgende Beispielcode ordnet die spezifischen eVars den verfügbaren Livefyre-eVars zu. Der Name der Livefyre-Konversionsvariable ( eVar) (z. B. appId) wird dem Namen zugeordnet, den Sie im Report Suite Manager eingerichtet haben (z. B. eVar81). Ändern Sie die Namen von eVar in diesem Skript in die benutzerdefinierten Konversionsvariablen.

var s = _satellite.getToolsByType`('sc')[0]`.getS(); 
var evarMap = { 
  appId: 'eVar81', 
  appType: 'eVar82' 
};

Der folgende Beispielcode ordnet die spezifischen Ereignis, die Sie im Report Suite Manager einrichten, den verfügbaren Livefyre-Ereignissen zu. In diesem Beispiel wird event82 als Benutzerinteraktions-Ereignis eingerichtet, ohne zu unterscheiden, welches Benutzerinteraktions-Ereignis (z. B. "Gefällt mir"-Klicks oder das Freigeben von Inhalten) verwendet wird. Auf diese Weise können Sie alle Benutzerinteraktionsdaten in einem Block effizient aufzeichnen. Sie können die Ereignis in der Benutzeroberfläche von DTM Analytics auch mit Datenelementverweisen verknüpfen.

var eventMap = { 
  FlagCancel: 'event82',  
  FlagClick: 'event82',  
  FlagDisagree: 'event82',  
  FlagOffensive: 'event82',  
  FlagOffTopic: 'event82',  
  FlagSpam: 'event82',  
  Like: 'event82', 
  Load: 'event81',  
  RequestMore: 'event82',  
  ShareButtonClick: 'event82',  
  ShareFacebook: 'event82',  
  ShareOnPostClick: 'event82',  
  ShareTwitter: 'event82',  
  ShareURL: 'event82',  
  SortStream: 'event82',  
  TwitterLikeClick: 'event82', 
  TwitterReplyClick: 'event82',  
  TwitterRetweetClick: 'event82',  
  TwitterUserFollow: 'event82' 
};

Im folgenden Beispiel wird angegeben, dass, wenn es in dieser Liste kein Ereignis gibt, nichts unternommen werden sollte. Sie müssen diesen Codeabschnitt nicht ändern.

function trackLivefyreEvent(data) {  
  var event = eventMap[data.type]; 
  console.log('Track:', data.type, event); 
   
  if (!event) { 
    console.warn(data.type, 'is not mapped to an event in AA');  
    return; 
  }

Der folgende Code unterscheidet die Ereignistyp, die event82 aufzeichnet. Die Konversionsvariable eVar83 zeichnet den Typ der Benutzerinteraktion auf und das Skript richtet eVar83 ein, um die Benutzerinteraktionsdaten nach Typ zu trennen. eVar83 ermöglicht es Ihnen, die aufgezeichneten Daten in bestimmte Arten von Benutzerinteraktionen zu unterteilen.

  var vars = ['events'];  
  switch (event) { 
    case 'event82': s.eVar83 = data.type;  
      vars.push('eVar83');  
      break; 
    default: 
  } 
   
  ['generator', 'evars'].forEach(function (type) {  
    var obj = data[type]; 
    for (var d in obj) { 
      if (obj.hasOwnProperty(d) && evarMap[d]) {  
        s[evarMap[d]] = obj[d];  
        vars.push(evarMap[d]); 
      } 
    } 
  }); 
   
  s.linkTrackVars = vars.join(',');  
  s.linkTrackEvents = event;  
  s.events = event; 
   
  console.log('linkTrackVars:', s.linkTrackVars);  
  console.log('linkTrackEvents:', s.linkTrackEvents);  
  console.log('events:', s.events); 
   
  s.tl(); 
}

Im folgenden Codebeispiel wird ein Handler hinzugefügt, der alle vorkommenden Ereignis überwacht. Es verwendet die Seitenladeregel beim Laden, wartet darauf, dass Ereignis vorhanden sind, und richtet dann einen Handler für alle Ereignis aus der App ein und verfolgt sie. Sie müssen diesen Code nicht ändern.

/** 
* Adds an analytics handler for all analytics events from Livefyre. For each event, it sets the data on a global object and then dispatches the event. 
*/ 
function addAnalyticsHandler() { 
  Livefyre.analytics.addHandler(function (events) { 
    (events || []).forEach(function (data) { 
      console.log('Event handled:', data.type); 
      trackLivefyreEvent(data); 
    }); 
  }); 
}

Mehr Info

Weitere Informationen zu den auf dieser Seite behandelten Themen finden Sie unter:

Auf dieser Seite

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now