Jak łatwo dodać kod piksela Facebooka do swojej strony WordPress
Objaśnienie
Aby dodać Pixel Facebooka do swojej strony WordPress, musisz wstawić mały fragment kodu do nagłówka swojej strony. Ten kod pomaga śledzić działania odwiedzających na Twojej stronie, co jest przydatne w reklamie i analityce.
Oto prosty sposób, aby to zrobić:
- Najpierw zastąp 'YOUR_PIXEL_ID_HERE' swoim rzeczywistym identyfikatorem Pixel Facebooka. Ten identyfikator jest unikalny dla Twojego konta na Facebooku i jest niezbędny do śledzenia.
- Kod jest zaprojektowany do dodania do nagłówka Twojej strony. Robi się to poprzez podpięcie go do wp_head, co zapewnia, że działa przy każdym ładowaniu strony.
- Skrypt inicjalizuje Pixel Facebooka i automatycznie śledzi wyświetlenia stron. Oznacza to, że za każdym razem, gdy ktoś odwiedza stronę na Twojej stronie, Pixel zarejestruje tę wizytę.
- W kodzie znajduje się również tag noscript. Jest to zabezpieczenie dla przeglądarek, które mają wyłączony JavaScript, co zapewnia, że Pixel nadal śledzi wizyty.
Dodając ten kod, będziesz mógł zbierać cenne informacje o odwiedzających Twoją stronę i poprawić swoje działania marketingowe. Upewnij się tylko, że Twój identyfikator Pixel jest poprawnie wstawiony, a wszystko będzie działać!
Kod
<?php
// Function to add Facebook Pixel code to the WordPress site
function wp_dudecom_add_facebook_pixel() {
// Ensure the Facebook Pixel ID is set
$facebook_pixel_id = 'YOUR_PIXEL_ID_HERE'; // Replace with your actual Facebook Pixel ID
// Check if the Facebook Pixel ID is not empty
if ( ! empty( $facebook_pixel_id ) ) {
?>
<!-- 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', '<?php echo esc_js( $facebook_pixel_id ); ?>');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=<?php echo esc_attr( $facebook_pixel_id ); ?>&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->
<?php
}
}
// Hook the function to wp_head to ensure it is added to the header of the site
add_action( 'wp_head', 'wp_dudecom_add_facebook_pixel' );
?>
Instrukcja
Lokalizacja pliku: functions.php lub plik własnej wtyczki.
Wymagania wstępne:
- Dostęp do pliku
functions.php
Twojego motywu WordPress lub pliku własnej wtyczki. - Twój unikalny identyfikator Facebook Pixel.
Kroki wdrożenia:
- Zaloguj się do panelu administracyjnego WordPress.
- Przejdź do Wygląd > Edytor motywu, jeśli edytujesz plik
functions.php
. Alternatywnie możesz użyć klienta FTP lub menedżera plików, aby uzyskać bezpośredni dostęp do plików WordPress. - Znajdź i otwórz plik
functions.php
aktywnego motywu. Jeśli wolisz użyć własnej wtyczki, otwórz zamiast tego plik wtyczki. - Skopiuj podany fragment kodu.
- Wklej kod do pliku
functions.php
lub pliku własnej wtyczki. - Zamień
'YOUR_PIXEL_ID_HERE'
na swój rzeczywisty identyfikator Facebook Pixel. - Zapisz zmiany w pliku.
- Odwiedź swoją stronę internetową, aby upewnić się, że kod Facebook Pixel został poprawnie dodany do nagłówka. Możesz użyć rozszerzenia Facebook Pixel Helper w przeglądarce Chrome, aby zweryfikować instalację.
Postępując zgodnie z tymi krokami, pomyślnie dodasz Facebook Pixel do swojej witryny WordPress, co umożliwi Ci śledzenie działań odwiedzających i poprawę strategii reklamowych.
Jeśli potrzebujesz pomocy przy tym wdrożeniu lub wymagasz bardziej zaawansowanej funkcjonalności, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy w zakresie WordPress.