Methode 1: Verwenden des <amp-analytics>
-Tags mit der "adobeanalytics"
Die Tracking-Vorlage "adobeanalytics"
nutzt das <amp-analytics>
-HTML-Tag, um direkt eine Tracking-Anforderung zu erstellen. Sie können Trefferanforderungen angeben, die bei bestimmten Seitenereignissen ausgelöst werden, z. B. bei der Anzeige der Seite oder bei einem Klick. Klickereignisse können angepasst werden, um sie auf bestimmte Element-IDs oder Klassen anzuwenden, indem eine Auswahl angegeben wird. Sie können die Vorlage laden, indem Sie type="adobeanalytics"
zum amp-analytics-Tag hinzufügen.
Im folgenden Code-Beispiel wurden zwei Auslöser definiert: pageLoad
und click
. Der Auslöser pageLoad
erfolgt, wenn das Dokument sichtbar wird und die pageName
-Variable, wie im vars
-Abschnitt definiert, enthält. Der zweite Auslöser click
erfolgt beim Klick auf eine Schaltfläche. Die eVar1
-Variable wird für dieses Ereignis mit dem Wert button clicked
festgelegt.
<amp-analytics type="adobeanalytics">
<script type="application/json">
{
"requests": {
"myClick": "${click}&v1=${eVar1}",
},
"vars": {
"host": "example.data.adobedc.net",
"reportSuites": "reportSuiteID1,reportSuiteID2",
"pageName": "Adobe Analytics Using amp-analytics tag"
},
"triggers": {
"pageLoad": {
"on": "visible",
"request": "pageview"
},
"click": {
"on": "click",
"selector": "button",
"request": "myClick",
"vars": {
"eVar1": "button clicked"
}
}
}
}
</script>
</amp-analytics>
Das <amp-analytics>
-Tag unterstützt Variablenersetzungen, damit AMP ihm bekannte Datenwerte bereitstellen kann. Weitere Informationen finden unter „In amp-analytics
unterstützte Variablen“ auf GitHub.
Adobe identifiziert Besucher mithilfe einer integrierten AMP-Funktion und setzt das adobe_amp_id
-Cookie. Diese Besucher-ID ist eindeutig für jede andere ID, die von Adobe Analytics festgelegt wird. Für jedes CDN, von dem ein Besucher Inhalte abruft, wird ein anderer Unique Visitor gezählt, wodurch sich die Unique Visitor-Anzahl erhöhen kann. Die Verwendung einer separaten Report Suite für AMP-Seiten wird dringend empfohlen, da AMP Unique Visitors identifiziert. Der Adobe Experience Cloud ID-Dienst wird nicht unterstützt.
Bei dieser Lösung muss der von Ihnen in der host
-Eigenschaft festgelegte Trackingserver dem Trackingserver auf Ihrer Haupt-Website entsprechen, damit Ihre Datenschutzrichtlinien eingehalten werden. Andernfalls erstellen Sie eine separate Datenschutzrichtlinie für Seiten, die AMP verwenden.
Methode 2: Verwenden des <amp-analytics>
-Tags mit der "adobeanalytics_nativeConfig"
Das "adobeanalytics_nativeConfig"
-Tag ist einfacher zu implementieren, da es dieselbe Tagging-Methode wie auf Ihren normalen Websites nutzt. Fügen Sie Ihrem amp-analytics
-Tag Folgendes hinzu:
<amp-analytics type="adobeanalytics_nativeConfig">
<script type="application/json">
{
"requests": {
"base": "https://${host}",
"iframeMessage": "${base}/stats.html?campaign=${queryParam(campaign)}&pageURL=${ampdocUrl}&ref=${documentReferrer}"
},
"vars": {
"host": "example.data.adobedc.net"
},
"extraUrlParams": {
"pageName": "Example AMP page",
"v1": "eVar1 example value"
}
}
</script>
</amp-analytics>
Außerdem ist eine auf Ihren Webservern gehostete HTML-Seite erforderlich:
<html>
<head>
<title>Stats Example</title>
<script language="JavaScript" type="text/javascript" src="VisitorAPI.js"></script>
<script language="JavaScript" type="text/javascript" src="AppMeasurement.js"></script>
</head>
<body>
<script>
var v_orgId = "INSERT-ORG-ID-HERE";
var s_account = "examplersid1,examplersid2";
var s_trackingServer = "example.data.adobedc.net";
var visitor = Visitor.getInstance(v_orgId);
visitor.trackingServer = s_trackingServer;
var s = s_gi(s_account);
s.account = s_account;
s.trackingServer = s_trackingServer;
s.visitorNamespace = s_visitorNamespace;
s.visitor = visitor;
s.pageName = s.Util.getQueryParam("pageName");
s.eVar1 = s.Util.getQueryParam("v1");
s.campaign = s.Util.getQueryParam("campaign");
s.pageURL = s.Util.getQueryParam("pageURL");
s.referrer = s.Util.getQueryParam("ref");
s.t();
</script>
</body>
</html>
Bei diesem Ansatz werden Daten über Abfragezeichenfolgenparameter, die dem iframeMessage
-Abfrageparameter hinzugefügt werden, an eine Dienstprogramm-Website gesendet. Diese Abfragezeichenfolgenparameter können beliebig benannt werden, solange Ihre stats.html
-Seite so konfiguriert ist, dass sie die entsprechenden Daten daraus erfassen kann.
Die "adobeanalytics_nativeConfig"
fügt auch Abfragezeichenfolgenparameter hinzu, die auf den im extraUrlParams
des <amp-analytics>
-Tags aufgelisteten Variablen basieren. Im obigen Beispiel werden die Parameter pageName
und v1
einbezogen.
stats.html
-Seite muss in einer anderen Unterdomäne als der Domain gehostet werden, in der AMP selbst gehostet wird. Das AMP-Framework lässt keine iFrames aus derselben Unterdomäne zu, in der sich die AMP-Seite selbst befindet. Wenn Ihr AMP beispielsweise auf amp.example.com
gehostet wird, hosten Sie Ihre stats.html
-Seite in einer anderen Unterdomäne wie ampmetrics.example.com
.Wenn ein Benutzer bei dieser Methode das Tracking auf Ihrer primären Website deaktiviert, wird das Tracking auf all Ihren AMPs ebenfalls deaktiviert. Bei Verwendung dieser Dienstprogrammseite kann AMP auch den Adobe Experience Cloud ID-Dienst unterstützen. Eine separate Report Suite ist nicht erforderlich.
Mit dieser Methode können Linktracking und die Video-Tracking nicht verwendet werden. Das iframeMessage
-Tag in AMP kann nur einmal pro Seite geladen werden, sodass Sie keine anderen Bildanforderungen senden können, nachdem der Frame geladen wurde. Diese Methode erfordert auch mehr Verarbeitungsressourcen, was sich auf die Bildlaufleistung auswirken kann. Diese Methode hat keine Auswirkungen auf die Seitenladezeit, da alle Ressourcen asynchron geladen werden.