Snippet

Dodaj niestandardowy skrypt analityczny do WordPressa łatwo

Jak dodać niestandardowy skrypt analityczny do WordPressaNajlepszy sposób na integrację zewnętrznych narzędzi analitycznych w WordPressieDodaj kod analityki zewnętrznej do witryny WordPressZainstaluj niestandardowy skrypt analityczny w WordPressieOsadź zewnętrzny skrypt analityczny w WordPressieWordPress - dodaj niestandardowy kod śledzenia analitykiIntegracja analityki niezwiązanej z Google z WordPressemKonfiguracja niestandardowego skryptu analitycznego dla WordPressaPrzewodnik po integracji zewnętrznej analityki w WordPressieJak używać niestandardowego skryptu analitycznego w WordPressie

Objaśnienie

Aby dodać niestandardowy skrypt analityczny do swojej witryny WordPress, będziesz korzystać z kilku funkcji, które współpracują ze sobą, aby zapewnić, że skrypt jest ładowany poprawnie i bezpiecznie.

Oto co się dzieje:

  • Pierwsza funkcja, wp_dudecom_add_custom_analytics_script, odpowiada za ładowanie zewnętrznego skryptu analitycznego. Wykorzystuje wbudowaną metodę WordPressa do dodawania skryptów, co zapewnia, że jest on dodawany tylko do front-endu (części witryny widocznej dla odwiedzających), a nie do obszaru administracyjnego.
  • Skrypt jest ładowany w stopce Twojej witryny, co jest dobrą praktyką w celu poprawy czasów ładowania strony.

Następnie jest kolejna funkcja o nazwie wp_dudecom_add_custom_analytics_inline_script. Ta funkcja dodaje mały fragment kodu bezpośrednio do Twojej witryny, aby zainicjować narzędzie analityczne. Sprawdza, czy narzędzie analityczne jest gotowe do działania, a następnie uruchamia je, używając Twojego unikalnego identyfikatora śledzenia.

Obie funkcje są podpięte do WordPressa za pomocą add_action, co informuje WordPress, kiedy uruchomić te funkcje. W tym przypadku są one uruchamiane, gdy skrypty są dodawane do Twojej witryny.

Pamiętaj, aby zastąpić 'YOUR_TRACKING_ID' rzeczywistym identyfikatorem śledzenia dostarczonym przez Twojego dostawcę analityki, aby zapewnić poprawne śledzenie.

Kod

1<?php 2/** 3 * Add a custom analytics script to the WordPress site. 4 * 5 * This function safely enqueues a custom analytics script from an external provider. 6 * It uses WordPress hooks to ensure the script is added to the footer of the site. 7 * 8 * @return void 9 */ 10function wp_dudecom_add_custom_analytics_script() { 11 // Ensure the script is only added to the front-end 12 if ( ! is_admin() ) { 13 // Use wp_enqueue_script to add the external analytics script 14 wp_enqueue_script( 15 'wp-dudecom-custom-analytics', // Handle for the script 16 'https://example.com/analytics.js', // URL of the external analytics script 17 array(), // Dependencies 18 null, // Version number (null to prevent caching issues) 19 true // Load in footer 20 ); 21 } 22} 23add_action( 'wp_enqueue_scripts', 'wp_dudecom_add_custom_analytics_script' ); 24 25/** 26 * Add inline script for custom analytics initialization. 27 * 28 * This function adds an inline script to initialize the custom analytics. 29 * It ensures that the script is executed after the external script is loaded. 30 * 31 * @return void 32 */ 33function wp_dudecom_add_custom_analytics_inline_script() { 34 // Inline script to initialize the analytics 35 $inline_script = " 36 (function() { 37 if (typeof customAnalytics !== 'undefined') { 38 customAnalytics.init({ 39 trackingId: 'YOUR_TRACKING_ID' 40 }); 41 } 42 })(); 43 "; 44 45 // Add the inline script after the custom analytics script 46 wp_add_inline_script( 'wp-dudecom-custom-analytics', $inline_script ); 47} 48add_action( 'wp_enqueue_scripts', 'wp_dudecom_add_custom_analytics_inline_script' ); 49?>

Instrukcja

Lokalizacja pliku: Dodaj poniższy kod do pliku functions.php swojego motywu lub do pliku własnej wtyczki.

Wymagania wstępne:

  • Upewnij się, że masz dostęp do systemu plików swojej witryny WordPress.
  • Miej pod ręką identyfikator śledzenia od swojego dostawcy analityki.

Kroki wdrożenia:

  1. Otwórz plik functions.php swojej witryny WordPress lub stwórz nowy plik własnej wtyczki, jeśli wolisz trzymać dostosowania oddzielnie od swojego motywu.
  2. Skopiuj i wklej podany kod do pliku.
  3. Znajdź linię w kodzie, która brzmi 'YOUR_TRACKING_ID'.
  4. Zamień 'YOUR_TRACKING_ID' na rzeczywisty identyfikator śledzenia dostarczony przez twojego dostawcę analityki.
  5. Zapisz zmiany w pliku.
  6. Odwiedź front-end swojej witryny WordPress, aby upewnić się, że skrypt ładuje się poprawnie. Możesz użyć narzędzi dewelopera w przeglądarce, aby zweryfikować, że skrypt jest obecny w stopce.

Jeśli napotkasz jakiekolwiek problemy lub potrzebujesz dalszej pomocy przy tym wdrożeniu lub bardziej zaawansowanej funkcjonalności, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy.