Sie können Facebook-Tracking-Pixel zu Ihrer responsiven Website hinzufügen, um Ereignisse nachzuverfolgen. Generieren Sie den Code für Ihr Facebook-Tracking-Pixel in der Pixel-Registerkarte bei Facebook.
|
Script-Abschnitt |
|---|
<!-- Facebook Pixel Code --> <script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);
t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}
(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', 'XXXXXXXXXXXXXXX');fbq('track', 'PageView');
</script>
|
|
NoScript-Abschnitt |
<noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=XXXXXXXXXXXXXXX&ev=PageView&noscript=1"/> </noscript> <!-- End Facebook Pixel Code --> |
-
Um auf den Abschnitt HTML am Textende zuzugreifen, klicken Sie im linken Bereich auf Einstellungen, und klicken Sie dann auf Head HTML.
-
Fügen <script> Sie den Teil des von Facebook bereitgestellten Codes in den HTML-Abschnitt am Textende ein, und klicken Sie dann auf Speichern . Der Code sollte ähnlich wie der folgende aussehen.
Beachten Sie, dass der gesamte obige Code nur ein Beispiel ist – kopieren Sie ihn nicht direkt auf Ihre Website. Bitte stellen Sie sicher, dass Sie den richtigen Code von Facebook Pixel Code erhalten.
-
Fügen Sie den <noscript> Teil des von Facebook bereitgestellten Codes ebenfalls in den HTML-Abschnitt am Textende ein, und klicken Sie dann auf Speichern.
-
Ähnlich wie bei Google tag Manager empfiehlt Facebook , den Noscript-Code am Anfang des Textabschnitts zu platzieren. Dies ist eine Problemumgehung, die sie vorschlagen, um Einschränkungen alter Webbrowser zu umgehen, die keinen Header-Code laden.
-
Duda hat umfangreiche Tests abgeschlossen, und der body-end.html Abschnitt des Entwicklermodus funktioniert zum Hinzufügen des Noscript-Codes .
-
Weitere Informationen zur Implementierung des Facebook-Pixels finden Sie in dieser Anleitung.
Warnung
Consent-Management-Apps können nicht verhindern, dass Code vor der Einwilligung ausgeführt wird, wenn der Code im Header-HTML platziert ist. Der Grund dafür ist, dass Duda die Struktur und die Reihenfolge, in der die Inhalte geladen werden, auf Grundlage von Best Practices für die Leistung der Website optimiert. Wir platzieren Skripte und CMP-Banner weiter unten auf der Seite, um die Leistung des primären Inhalts zu verbessern. Aus diesem Grund wird empfohlen, bei Verwendung einer Consent-Management-App Code am Textkörper-Ende zu platzieren.