Home » WordPress » Hinzufügen von Facebook Pixel und Domain-Verifizierung zu WordPress und WooCommerce

Hinzufügen von Facebook Pixel und Domain-Verifizierung zu WordPress und WooCommerce

Facebook Pixel (oder Meta Pixel) ist ein Code, der die Messung und Optimierung Ihrer Website oder Ihres Online-Shops für Facebook-Anzeigen ermöglicht. Um ihn zu nutzen, müssen Sie den Facebook Pixel-Code zu Ihrer Woo- oder WordPress-Website hinzufügen.

Heute werden wir lernen, wie man Meta Pixel und Facebook Domain Verification Code zu WordPress Website und WooCommerce Online-Shop ohne zusätzliche Plugins hinzufügen kann. Es dauert nur ein paar Minuten, und Sie sind bereit, mit Ihren Facebook-Anzeigen loszulegen.

Hinzufügen des Facebook-Domain-Verifizierungscodes zu WordPress oder Woo

Manchmal verlangt Facebook, dass Sie einen Domain-Verifizierungscode zu Ihrer Website hinzufügen.

Wenn Sie den Facebook-Domain-Verifizierungscode zu Ihrer WooCommerce- oder WordPress-Website hinzufügen möchten, gehen Sie zum WordPress-Admin-Panel und wählen Sie im Admin-Menü Erscheinungsbild >> Theme File Editor oder Tools >> Theme File Editor.

Dort öffnen Sie die Datei functions.php . Sie finden sie auf der rechten Seite des Bildschirms.

Scrollen Sie nun an das Ende der Datei und fügen Sie diese Funktion am Ende der Datei ein:

function rocksolid_domain_verification() {
  if (is_front_page()) { ?>
    <meta name="facebook-domain-verification" content="fhwgzxpzzzeswlj3pfdp7zk7p8xxao" /> 
  <?php }
}
add_action('wp_head', 'rocksolid_domain_verification');

Ersetzen Sie einfach die Zeile <meta name=”… /> durch Ihren eigenen Facebook-Domain-Verifizierungscode und klicken Sie auf die Schaltfläche Änderungen speichern. Facebook verlangt, dass der Domain-Verifizierungscode nur auf der Startseite angezeigt wird, also laden wir ihn nur dort.

Hier sehen Sie, wie es in der aktuellen functions.php-Datei aussieht:

how to add facebook domain verification code to wordpress or woocommerce

Das war’s – der Facebook-Domain-Verifizierungscode wurde hinzugefügt. Gehen wir nun zum Meta-Pixel-Code über.

Hinzufügen von Facebook Pixel zu WooCommerce-Shops und WordPress-Websites

Das Hinzufügen von Meta Pixel (oder Facebook Pixel – das ist dasselbe) zu WordPress und Woo ist ein ziemlich einfacher Prozess.

Gehen Sie in Ihr WordPress-Administrationspanel und öffnen Sie wie zuvor im Admin-Menü die Option Erscheinungsbild >> Theme File Editor oder Tools >> Theme File Editor. Öffnen Sie dann die Datei functions.php auf der rechten Seite und scrollen Sie bis zum Ende der Datei. Dann fügen Sie diese Funktion ein.

function rocksolid_meta_pixel() { ?>
	<!-- Meta 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', '6312661182131');
	  fbq('track', 'PageView');
	</script>
	<noscript><img height="1" width="1" style="display:none"
	  src="https://www.facebook.com/tr?id=6312661182131&ev=PageView&noscript=1"
	/></noscript>
	<!-- End Meta Pixel Code -->
<?php
}
add_action('wp_head', 'rocksolid_meta_pixel');

Vergessen Sie nicht, den Beispiel-Pixel-Code durch Ihren eigenen Meta-Pixel-Code zu ersetzen (alles zwischen den <script>-Tags).

Nachdem Sie Ihren eigenen Facebook-Pixel-Code hinzugefügt haben, klicken Sie unten auf der Seite auf “ Änderungen speichern“, und Ihr Facebook-Pixel-Code ist einsatzbereit. Hier sehen Sie, wie es in der Verwaltungskonsole aussieht:

how to add meta pixel or facebook pixel to woocommerce or wordpress

Hinzufügen von Facebook-Pixel- und Facebook-Domänenüberprüfungscode zu einer Funktion in WordPress

Wenn Sie sowohl Pixel- als auch Domain-Verifizierungscodes in Ihrer WordPress- oder Woo-Website benötigen, können Sie die beiden zuvor genannten Funktionen in einer Funktion kombinieren:

function rocksolid_meta() {
   if (is_front_page()) { ?>
    <meta name="facebook-domain-verification" content="fhwgzxpzzzeswlj3pfdp7zk7p8xxao" /> 
  <?php } ?>
	<!-- Meta 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', '6312661182131');
	  fbq('track', 'PageView');
	</script>
	<noscript><img height="1" width="1" style="display:none"
	  src="https://www.facebook.com/tr?id=6312661182131&ev=PageView&noscript=1"
	/></noscript>
	<!-- End Meta Pixel Code -->
<?php
}
add_action('wp_head', 'rocksolid_meta');

Best WordPress hosting 2024

Ersetzen Sie einfach den Meta-Pixel-Beispielcode und die Verifizierungscodes durch Ihre eigenen, und schon ist es fertig!

Möchten Sie Google Analytics zu WordPress oder WooCommerce hinzufügen?
Dann folgen Sie unserem Tutorial hier

Fathom analytics - privacy focused cookie-free website analytics

Most popular tutorials


Get our latest WordPress news and special offers from RockSolidWP!

Only useful WordPress and WooCommerce tips and tricks and exclusive offers for our readers once a month. No marketing nonsense.

Looking for reliable yet affordable WordPress hosting?
Hostinger is the way to go!

Get 10% OFF by using code IMAKEITWORK