Dodaj Google Tag Manager do WordPress: Łatwy przewodnik integracji

Jak dodać Google Tag Manager do WordPressa; Zainstaluj Google Tag Manager na WordPressie; Skonfiguruj Google Tag Manager w WordPressie; Zintegrować Google Tag Manager z WordPressem; Dodaj kod Google Tag Manager do WordPressa; Samouczek dotyczący Google Tag Manager w WordPressie; Użyj Google Tag Manager w WordPressie; Wtyczka Google Tag Manager dla WordPressa; Przewodnik po konfiguracji Google Tag Manager w WordPressie; Wdrożenie Google Tag Manager na stronie WordPress;

Objaśnienie

Aby dodać Google Tag Manager (GTM) do swojej strony WordPress, musisz wstawić kilka fragmentów kodu do swojego motywu. Dzięki temu GTM będzie mógł skutecznie śledzić i zarządzać tagami na Twojej stronie.

Krok 1: Dodaj GTM do sekcji Head

  • Użyj funkcji, aby wstawić skrypt GTM do sekcji head Twojej strony. Zapewnia to wczesne ładowanie skryptu, co jest kluczowe dla śledzenia.
  • Funkcja jest podpięta do wp_head, co jest akcją WordPress, która wyprowadza zawartość w sekcji head Twojej strony.

Krok 2: Dodaj GTM do sekcji Body

  • Inna funkcja jest używana do dodania tagu noscript tuż po otwierającym tagu body. Jest to zabezpieczenie dla przeglądarek, które mają wyłączony JavaScript.
  • Ta funkcja jest podpięta do wp_body_open, co zapewnia, że pojawi się ona natychmiast po otwarciu tagu body.

Ważne: Pamiętaj, aby zastąpić 'GTM-XXXX' swoim rzeczywistym identyfikatorem kontenera GTM. Ten identyfikator jest unikalny dla Twojego konta GTM i jest niezbędny do prawidłowego działania skryptów.

Postępując zgodnie z tymi krokami, zintegrowasz Google Tag Manager z swoją stroną WordPress, co pozwoli Ci zarządzać i wdrażać tagi marketingowe bez bezpośredniej modyfikacji kodu.

Kod

<?php
// Add Google Tag Manager to WordPress

// Hook into wp_head to add the Google Tag Manager script in the head section
function wp_dudecom_add_gtm_head() {
    ?>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-XXXX');</script>
    <!-- End Google Tag Manager -->
    <?php
}
add_action('wp_head', 'wp_dudecom_add_gtm_head');

// Hook into wp_body_open to add the Google Tag Manager noscript tag immediately after the opening body tag
function wp_dudecom_add_gtm_body() {
    ?>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <?php
}
add_action('wp_body_open', 'wp_dudecom_add_gtm_body');

// Note: Replace 'GTM-XXXX' with your actual Google Tag Manager container ID.
?>

Instrukcja

Lokalizacja pliku: functions.php lub plik niestandardowej wtyczki.

Wymagania wstępne:

  • Dostęp do pliku functions.php Twojego motywu WordPress lub pliku niestandardowej wtyczki.
  • Twój identyfikator kontenera Google Tag Manager (np. GTM-XXXX).

Kroki wdrożenia:

  1. Dostęp do plików WordPress:
    • Zaloguj się do panelu administracyjnego WordPress.
    • Przejdź do Wygląd > Edytor motywu, jeśli edytujesz plik functions.php.
    • Alternatywnie, użyj klienta FTP lub menedżera plików swojego hostingu, aby uzyskać dostęp do plików motywu lub wtyczki.
  2. Edytuj plik functions.php lub stwórz niestandardową wtyczkę:
    • Jeśli używasz functions.php, zlokalizuj plik w folderze aktywnego motywu.
    • Dla niestandardowej wtyczki, stwórz nowy plik PHP w katalogu wp-content/plugins.
  3. Wstaw kod GTM:
    • Skopiuj podany fragment kodu i wklej go do pliku functions.php lub pliku swojej niestandardowej wtyczki.
    • Upewnij się, że zastąpiłeś 'GTM-XXXX' swoim rzeczywistym identyfikatorem kontenera Google Tag Manager.
  4. Zapisz zmiany:
    • Jeśli edytujesz przez panel WordPress, kliknij Aktualizuj plik.
    • Jeśli używasz FTP lub menedżera plików, zapisz i prześlij plik z powrotem na serwer.
  5. Zweryfikuj wdrożenie:
    • Odwiedź swoją stronę internetową i użyj narzędzi dewelopera przeglądarki, aby sprawdzić, czy skrypt GTM został poprawnie dodany do sekcji head i body.
    • Użyj Google Tag Assistant lub podobnego narzędzia, aby upewnić się, że GTM działa poprawnie.

Postępując zgodnie z tymi krokami, pomyślnie zintegrowasz Google Tag Manager z Twoją stroną WordPress. Jeśli potrzebujesz dalszej pomocy lub chcesz zbadać bardziej zaawansowane funkcjonalności, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy.

\n \n \n \n \n \n ", "author": { "@type": "Person", "name": "WP-Dude.com" }, "datePublished": "2024-12-20T21:30:00+00:00", "dateModified": "2024-12-21T18:53:19+00:00" }, { "@type": "TechArticle", "@id": "https://wp-dude.com/pl/code-snippet/dodaj-google-tag-manager-do-wordpress-latwy-przewodnik-integracji/#article", "headline": "Dodaj Google Tag Manager do WordPress: \u0141atwy przewodnik integracji", "description": "Aby doda\u0107 Google Tag Manager (GTM) do swojej strony WordPress, musisz wstawi\u0107 kilka fragment\u00f3w kodu do swojego motywu. Dzi\u0119ki temu GTM b\u0119dzie m\u00f3g\u0142 skutecznie \u015bledzi\u0107 i zarz\u0105dza\u0107 tagami na Twojej stronie.\n\nKrok 1: Dodaj GTM do sekcji Head\n\n U\u017cyj funkcji, aby wstawi\u0107 skrypt GTM do sekcji head Twojej strony. Zapewnia to wczesne \u0142adowanie skryptu, co jest kluczowe dla \u015bledzenia.\n Funkcja jest podpi\u0119ta do wp_head, co jest akcj\u0105 WordPress, kt\u00f3ra wyprowadza zawarto\u015b\u0107 w sekcji head Twojej strony.\n\n\nKrok 2: Dodaj GTM do sekcji Body\n\n Inna funkcja jest u\u017cywana do dodania tagu noscript tu\u017c po otwieraj\u0105cym tagu body. Jest to zabezpieczenie dla przegl\u0105darek, kt\u00f3re maj\u0105 wy\u0142\u0105czony JavaScript.\n Ta funkcja jest podpi\u0119ta do wp_body_open, co zapewnia, \u017ce pojawi si\u0119 ona natychmiast po otwarciu tagu body.\n\n\nWa\u017cne: Pami\u0119taj, aby zast\u0105pi\u0107 'GTM-XXXX' swoim rzeczywistym identyfikatorem kontenera GTM. Ten identyfikator jest unikalny dla Twojego konta GTM i jest niezb\u0119dny do prawid\u0142owego dzia\u0142ania skrypt\u00f3w.\n\nPost\u0119puj\u0105c zgodnie z tymi krokami, zintegrowasz Google Tag Manager z swoj\u0105 stron\u0105 WordPress, co pozwoli Ci zarz\u0105dza\u0107 i wdra\u017ca\u0107 tagi marketingowe bez bezpo\u015bredniej modyfikacji kodu.", "articleBody": "Aby doda\u0107 Google Tag Manager (GTM) do swojej strony WordPress, musisz wstawi\u0107 kilka fragment\u00f3w kodu do swojego motywu. Dzi\u0119ki temu GTM b\u0119dzie m\u00f3g\u0142 skutecznie \u015bledzi\u0107 i zarz\u0105dza\u0107 tagami na Twojej stronie.\n\nKrok 1: Dodaj GTM do sekcji Head\n\n U\u017cyj funkcji, aby wstawi\u0107 skrypt GTM do sekcji head Twojej strony. Zapewnia to wczesne \u0142adowanie skryptu, co jest kluczowe dla \u015bledzenia.\n Funkcja jest podpi\u0119ta do wp_head, co jest akcj\u0105 WordPress, kt\u00f3ra wyprowadza zawarto\u015b\u0107 w sekcji head Twojej strony.\n\n\nKrok 2: Dodaj GTM do sekcji Body\n\n Inna funkcja jest u\u017cywana do dodania tagu noscript tu\u017c po otwieraj\u0105cym tagu body. Jest to zabezpieczenie dla przegl\u0105darek, kt\u00f3re maj\u0105 wy\u0142\u0105czony JavaScript.\n Ta funkcja jest podpi\u0119ta do wp_body_open, co zapewnia, \u017ce pojawi si\u0119 ona natychmiast po otwarciu tagu body.\n\n\nWa\u017cne: Pami\u0119taj, aby zast\u0105pi\u0107 'GTM-XXXX' swoim rzeczywistym identyfikatorem kontenera GTM. Ten identyfikator jest unikalny dla Twojego konta GTM i jest niezb\u0119dny do prawid\u0142owego dzia\u0142ania skrypt\u00f3w.\n\nPost\u0119puj\u0105c zgodnie z tymi krokami, zintegrowasz Google Tag Manager z swoj\u0105 stron\u0105 WordPress, co pozwoli Ci zarz\u0105dza\u0107 i wdra\u017ca\u0107 tagi marketingowe bez bezpo\u015bredniej modyfikacji kodu. [\n \"jak doda\u0107 Google Tag Manager do WordPressa\",\n \"zainstaluj Google Tag Manager na WordPressie\",\n \"skonfiguruj Google Tag Manager w WordPressie\",\n \"zintegrowa\u0107 Google Tag Manager z WordPressem\",\n \"dodaj kod Google Tag Manager do WordPressa\",\n \"samouczek dotycz\u0105cy Google Tag Manager w WordPressie\",\n \"u\u017cyj Google Tag Manager w WordPressie\",\n \"wtyczka Google Tag Manager dla WordPressa\",\n \"przewodnik po konfiguracji Google Tag Manager w WordPressie\",\n \"wdro\u017cenie Google Tag Manager na stronie WordPress\"\n] Aby doda\u0107 Google Tag Manager (GTM) do swojej strony WordPress, musisz wstawi\u0107 kilka fragment\u00f3w kodu do swojego motywu. Dzi\u0119ki temu GTM b\u0119dzie m\u00f3g\u0142 skutecznie \u015bledzi\u0107 i zarz\u0105dza\u0107 tagami na Twojej stronie.\n\nKrok 1: Dodaj GTM do sekcji Head\n\n U\u017cyj funkcji, aby wstawi\u0107 skrypt GTM do sekcji head Twojej strony. Zapewnia to wczesne \u0142adowanie skryptu, co jest kluczowe dla \u015bledzenia.\n Funkcja jest podpi\u0119ta do wp_head, co jest akcj\u0105 WordPress, kt\u00f3ra wyprowadza zawarto\u015b\u0107 w sekcji head Twojej strony.\n\n\nKrok 2: Dodaj GTM do sekcji Body\n\n Inna funkcja jest u\u017cywana do dodania tagu noscript tu\u017c po otwieraj\u0105cym tagu body. Jest to zabezpieczenie dla przegl\u0105darek, kt\u00f3re maj\u0105 wy\u0142\u0105czony JavaScript.\n Ta funkcja jest podpi\u0119ta do wp_body_open, co zapewnia, \u017ce pojawi si\u0119 ona natychmiast po otwarciu tagu body.\n\n\nWa\u017cne: Pami\u0119taj, aby zast\u0105pi\u0107 'GTM-XXXX' swoim rzeczywistym identyfikatorem kontenera GTM. Ten identyfikator jest unikalny dla Twojego konta GTM i jest niezb\u0119dny do prawid\u0142owego dzia\u0142ania skrypt\u00f3w.\n\nPost\u0119puj\u0105c zgodnie z tymi krokami, zintegrowasz Google Tag Manager z swoj\u0105 stron\u0105 WordPress, co pozwoli Ci zarz\u0105dza\u0107 i wdra\u017ca\u0107 tagi marketingowe bez bezpo\u015bredniej modyfikacji kodu.", "articleSection": "SEO i analiza", "datePublished": "2024-12-20T21:30:00+00:00", "dateModified": "2024-12-21T18:53:19+00:00", "author": { "@type": "Person", "name": "WP-Dude.com" }, "url": "https://wp-dude.com/pl/code-snippet/dodaj-google-tag-manager-do-wordpress-latwy-przewodnik-integracji/", "wordCount": 467, "speakable": { "@type": "SpeakableSpecification", "cssSelector": ".post__content" }, "dependencies": "WordPress", "proficiencyLevel": "Beginner" }, { "@type": "HowTo", "@id": "https://wp-dude.com/pl/code-snippet/dodaj-google-tag-manager-do-wordpress-latwy-przewodnik-integracji/#howto", "name": "Dodaj Google Tag Manager do WordPress: \u0141atwy przewodnik integracji - How to", "description": "Aby doda\u0107 Google Tag Manager (GTM) do swojej strony WordPress, musisz wstawi\u0107 kilka fragment\u00f3w kodu do swojego motywu. Dzi\u0119ki temu GTM b\u0119dzie m\u00f3g\u0142 skutecznie \u015bledzi\u0107 i zarz\u0105dza\u0107 tagami na Twojej stronie.\n\nKrok 1: Dodaj GTM do sekcji Head\n\n U\u017cyj funkcji, aby wstawi\u0107 skrypt GTM do sekcji head Twojej strony. Zapewnia to wczesne \u0142adowanie skryptu, co jest kluczowe dla \u015bledzenia.\n Funkcja jest podpi\u0119ta do wp_head, co jest akcj\u0105 WordPress, kt\u00f3ra wyprowadza zawarto\u015b\u0107 w sekcji head Twojej strony.\n\n\nKrok 2: Dodaj GTM do sekcji Body\n\n Inna funkcja jest u\u017cywana do dodania tagu noscript tu\u017c po otwieraj\u0105cym tagu body. Jest to zabezpieczenie dla przegl\u0105darek, kt\u00f3re maj\u0105 wy\u0142\u0105czony JavaScript.\n Ta funkcja jest podpi\u0119ta do wp_body_open, co zapewnia, \u017ce pojawi si\u0119 ona natychmiast po otwarciu tagu body.\n\n\nWa\u017cne: Pami\u0119taj, aby zast\u0105pi\u0107 'GTM-XXXX' swoim rzeczywistym identyfikatorem kontenera GTM. Ten identyfikator jest unikalny dla Twojego konta GTM i jest niezb\u0119dny do prawid\u0142owego dzia\u0142ania skrypt\u00f3w.\n\nPost\u0119puj\u0105c zgodnie z tymi krokami, zintegrowasz Google Tag Manager z swoj\u0105 stron\u0105 WordPress, co pozwoli Ci zarz\u0105dza\u0107 i wdra\u017ca\u0107 tagi marketingowe bez bezpo\u015bredniej modyfikacji kodu.", "step": [ { "@type": "HowToStep", "text": "Lokalizacja pliku: functions.php lub plik niestandardowej wtyczki.\n\nWymagania wst\u0119pne:\n\n Dost\u0119p do pliku functions.php Twojego motywu WordPress lub pliku niestandardowej wtyczki.\n Tw\u00f3j identyfikator kontenera Google Tag Manager (np. GTM-XXXX).\n\n\nKroki wdro\u017cenia:\n\n\n Dost\u0119p do plik\u00f3w WordPress:\n \n Zaloguj si\u0119 do panelu administracyjnego WordPress.\n Przejd\u017a do Wygl\u0105d > Edytor motywu, je\u015bli edytujesz plik functions.php.\n Alternatywnie, u\u017cyj klienta FTP lub mened\u017cera plik\u00f3w swojego hostingu, aby uzyska\u0107 dost\u0119p do plik\u00f3w motywu lub wtyczki.\n \n \n Edytuj plik functions.php lub stw\u00f3rz niestandardow\u0105 wtyczk\u0119:\n \n Je\u015bli u\u017cywasz functions.php, zlokalizuj plik w folderze aktywnego motywu.\n Dla niestandardowej wtyczki, stw\u00f3rz nowy plik PHP w katalogu wp-content/plugins.\n \n \n Wstaw kod GTM:\n \n Skopiuj podany fragment kodu i wklej go do pliku functions.php lub pliku swojej niestandardowej wtyczki.\n Upewnij si\u0119, \u017ce zast\u0105pi\u0142e\u015b 'GTM-XXXX' swoim rzeczywistym identyfikatorem kontenera Google Tag Manager.\n \n \n Zapisz zmiany:\n \n Je\u015bli edytujesz przez panel WordPress, kliknij Aktualizuj plik.\n Je\u015bli u\u017cywasz FTP lub mened\u017cera plik\u00f3w, zapisz i prze\u015blij plik z powrotem na serwer.\n \n \n Zweryfikuj wdro\u017cenie:\n \n Odwied\u017a swoj\u0105 stron\u0119 internetow\u0105 i u\u017cyj narz\u0119dzi dewelopera przegl\u0105darki, aby sprawdzi\u0107, czy skrypt GTM zosta\u0142 poprawnie dodany do sekcji head i body.\n U\u017cyj Google Tag Assistant lub podobnego narz\u0119dzia, aby upewni\u0107 si\u0119, \u017ce GTM dzia\u0142a poprawnie.\n \n \n\n\nPost\u0119puj\u0105c zgodnie z tymi krokami, pomy\u015blnie zintegrowasz Google Tag Manager z Twoj\u0105 stron\u0105 WordPress. Je\u015bli potrzebujesz dalszej pomocy lub chcesz zbada\u0107 bardziej zaawansowane funkcjonalno\u015bci, rozwa\u017c skontaktowanie si\u0119 z wp-dude.com w celu uzyskania fachowej pomocy." } ] } ] }