Hier erfahren Sie, wie Sie Quellen registrieren, um Klicks und Aufrufe den entsprechenden Ereignissen zuzuordnen.
Eine Attributionsquelle ist ein anzeigenbezogenes Ereignis (Klick oder Aufruf), an das ein Anzeigentechnologie-Anbieter die folgenden Arten von Informationen anhängen kann:
- Kontextbezogene Berichtsdaten wie die Anzeigen-Creative-ID, Informationen zur Kampagne oder Geografie.
- Ein Conversion-Ziel, z. B. auf der Website, auf der Sie eine Conversion erwarten.
Anhand der Schritte in diesem Dokument können Sie Quellen – Anzeigenimpressionen oder Klicks – registrieren, denen der Browser dann Conversions zuordnet.
Registrierungsmethoden
Verwenden Sie HTML-Elemente oder JavaScript-Aufrufe, um Attributionsquellen zu registrieren:
<a>
-Tag<img>
-Tag<script>
-Tagfetch
AnruferweiterungXMLHttpRequest
window.open
Anruferweiterung
Dadurch werden Netzwerkanfragen generiert, auf die Sie dann mit einer Quelle antworten. HTTP-Antwortheader für die Registrierung.
Quellen für Klicks oder Aufrufe registrieren
So registrieren Sie eine Attributionsquelle für Klicks oder Aufrufe: Führen Sie die vollständigen Schritte aus. Hier ist eine Zusammenfassung:
- Starten Sie die Quellregistrierung. Verwenden Sie ein HTML-Element oder ein JavaScript-Aufruf, um eine Anfrage zu senden. Dieser Schritt unterscheidet sich bei Klicks und Aufrufen, wie in den folgenden Abschnitten beschrieben wird.
Schließen Sie die Quellenregistrierung ab, indem Sie mit der Quelle antworten. Registrierungsheader. Antworten Sie nach Erhalt der Anfrage mit dem Header
Attribution-Reporting-Register-Source
Geben Sie in diesem Header die gewünschte Attribution Reporting-Konfiguration. Dieser Schritt ist für Klicks und Aufrufe gleich.Beispiel für zusammenfassende Berichte:
{ "aggregation_keys": { "campaignCounts": "0x159", "geoValue": "0x5" }, "aggregatable_report_window": "86400", "destination": "https://example.com" }
Beispiel für Berichte auf Ereignisebene:
{ "source_event_id": "12340873456", "destination": "[eTLD+1]", "expiry": "[64-bit signed integer]", "priority": "[64-bit signed integer]", "event_report_window": "[64-bit signed integer]" }
Erforderliche und optionale Attribute
Wenn Sie HTML-Elemente oder JavaScript-Aufrufe zum Registrieren von Quellen verwenden,
muss möglicherweise attributionsrc
verwenden
oder attributionReporting
. In der folgenden Tabelle finden Sie Details dazu,
erforderlich.
Wenn attributionsrc
optional ist, bedeutet dies, dass die Anfrage für Attributionsberichte infrage kommt. Wenn Sie
attributionsrc
, sendet der Browser den Fehlercode
Attribution-Reporting-Eligible
-Header. Sie ist auch für App-zu-Web-
Messung: Wenn attributionsrc
vorhanden ist, sendet der Browser
Attribution-Reporting-Support
-Header.
Registrierungsmethode | Quelle |
---|---|
<a> -Tag |
(Navigationsquelle)attributionsrc ist erforderlich. |
<img> -Tag |
(Ereignisquelle)attributionsrc ist erforderlich. |
<script> -Tag |
(Ereignisquelle)attributionsrc ist erforderlich. |
fetch Anruferweiterung |
Die Option attributionReporting ist
erforderlich. |
XMLHttpRequest |
Die Option attributionReporting ist
erforderlich. |
window.open Anruferweiterung |
(Navigationsquelle)attributionsrc ist erforderlich. |
Schritt 1: Quellenregistrierung initiieren
Schritt 1 unterscheidet sich in Bezug auf Klicks und Aufrufe.
Um eine Attributionsquelle für einen Klick zu registrieren, können Sie ein <a>
-Tag oder JavaScript verwenden.
window.open()
.
Anker verwenden
Fügen Sie attributionsrc
zu den vorhandenen <a>
-Tags hinzu, für die Sie Impressionen oder Klicks messen möchten:
<a href="https://shoes.example/..." attributionsrc>Click me</a>
Weitere Informationen finden Sie im Beispielcode.
Skript verwenden
window.open()
mit attributionsrc
anrufen:
window.open(
"https://shoes.example/...",
"_blank",
"attributionsrc");
Damit diese Methode berücksichtigt wird, muss sie innerhalb von 5 Sekunden nach der Nutzerinteraktion aufgerufen werden.
Anstatt attributionsrc
allein hinzuzufügen, können Sie für ein Bild oder Skript einen einzelnen URL-Wert angeben:
<a href=... attributionsrc="https://a.example/register-source">Click me</a>
Wenn du im JavaScript-Beispiel attributionsrc
einen Wert vorgibst,
um diese URL zu codieren, falls sie Sonderzeichen wie =
enthält, die
der Parameter falsch geparst wird.
So codieren:
const encodedUrl = encodeURIComponent(
"https://adtech.example/attribution_source?ad_id=...");
window.open(
"https://shoes.example/landing",
"_blank",
`attributionsrc=${encodedUrl}`);
attributionsrc
kann auch eine durch Leerzeichen getrennte Liste von URLs annehmen, wie hier mit einem <a>
-Tag veranschaulicht:
<a href=... attributionsrc="https://a.example/register-source
https://b.example/register-source">Click me</a>
oder hier mit window.open()
.
window.open("...", "_blank", `attributionsrc=${encodedUrl1}
attributionsrc=${encodedUrl2}`)
In solchen Fällen erhalten beide URLs ein für die Navigationsquelle geeignetes attributionsrc
.
-Anfragen (Anfragen, die den Attribution-Reporting-Eligible
-Header enthalten).
attributionsrc
mit oder ohne Wert
Wie Sie bereits gesehen haben, können Sie attributionsrc
ohne URL angeben. Sie können auch eine
. Außerdem können Sie eine durch Leerzeichen getrennte Liste von URLs verwenden.
Die Verwendung von URLs führt dazu, dass der Browser eine separate Keepalive-Abrufanfrage initiiert.
für jede URL, einschließlich der Attribution-Reporting-Eligible
-Anfrage
Header.
Dies ist nützlich, wenn Sie die Quellenregistrierung durch Antworten auf eine -Anforderung getrennt von der Hauptanfrage des Elements.
Wenn Sie beispielsweise Quellen für Klicks auf ein Ankerelement registrieren müssen,
Sie haben möglicherweise keine Kontrolle über das Ziel. sollten Sie in diesem Fall
Eine Konfiguration, bei der Sie den Quellregistrierungsheader als Antwort auf eine Anfrage senden
die unabhängig von der Navigation ist und
die vollständig von Ihnen gesteuert werden kann. Von
expliziten Wert für attributionsrc
angeben, weisen Sie den
um diese zusätzliche Anfrage zu senden und
das Ziel zu konfigurieren.
Um eine Attributionsquelle für eine Ansicht zu registrieren, können Sie ein Bild- oder Skript-Tag verwenden, dem Sie das Attribut attributionsrc
hinzufügen.
Alternativ können Sie JavaScript fetch()
oder XMLHttpRequest()
verwenden.
Mit einem Bild
<img attributionsrc
src="https://adtech.example/attribution_source?ad_id=...">
Mit einem Skript
<script attributionsrc
src="https://adtech.example/attribution_source?ad_id=..."></script>
Optional können Sie einen URL-Wert für
attributionsrc
auf dieselbe Weise wie für
Klicks, Das heißt, Sie können für ein Bild oder Skript die attributionsrc
-URL(s) so festlegen:
Mit einer einzelnen URL:
<img attributionsrc="https://adtech.example/attribution_source?ad_id=123">
Mit einer Liste von URLs:
<img attributionsrc="https://a.example/register-source
https://b.example/register-source">
fetch()
oder XMLHttpRequest()
verwenden
Dieser Code simuliert effektiv die Vorgehensweise einer HTML-Anfrage mit attributionsrc
:
const attributionReporting = {
eventSourceEligible: true,
triggerEligible: false,
};
// Optionally set keepalive to ensure the request outlives the page.
window.fetch("https://adtech.example/attribution_source?my_ad_id=123",
{ keepalive: true, attributionReporting });
const attributionReporting = {
eventSourceEligible: true,
triggerEligible: false,
};
const req = new XMLHttpRequest();
req.open("GET", url);
req.setAttributionReporting(attributionReporting);
req.send();
Schritt 2: Mit Header antworten (Klicks und Aufrufe)
Der nächste Schritt für Klicks und Aufrufe besteht darin, mit der Überschrift Attribution-Reporting-Register-Source
zu antworten.
Weitere Informationen finden Sie im Beispielcode.
Nach Erhalt der Browseranfrage auf dem Server antworten und einfügen:
Ihre Antwort den Attribution-Reporting-Register-Source
-Header.
res.set(
"Attribution-Reporting-Register-Source",
JSON.stringify({
// Use source_event_id to map it to any granular information
// you need at ad-serving time
source_event_id: "412444888111012",
destination: "https://advertiser.example",
// Optional fields
expiry: "604800",
priority: "100",
debug_key: "122939999"
})
);
Nach der Stringzeichenfolge sieht Ihr Header so aus:
{"source_event_id":"412444888111012","destination":"https://advertiser.example","expiry":"604800","priority":"100","debug_key":"122939999"}
Nächste Schritte
Weitere Informationen zum Registrieren von Attributionstriggern