際際滷

際際滷Share a Scribd company logo
Google Tag Manager
Wordpress
Kr坦tko o mnie
 Co robi?
 Google Ads
 Search Engine Optimisation
 Google Analytics
 Konsultuj i doradzam
 Czasem gdzie si poka甜
 Moje URL
 rozenberger.com
 ibb.media
Co to jest Google Tag Manager
店r坦do danych #2
Google
Analytics
Google
Ads
Facebook Hot Jar
Google Tag Manager
Java script, kody tarckingowe
店r坦do danych #1
Strona www
Aplikacja
mobilna
AMP
TMS  Tag management system
https://en.wikipedia.org/wiki/Tag_managem
ent_system
When Tag Manager is installed, your website
or app will be able to communicate with the
Tag Manager servers
Jak to dziaa?
Twoje www
Warstwa
Danych
Google Tag
Manager
Google Analytics
Google Ads
Facebook Pixel
Skrypty
Google Tag Manager
EN PL
DATA LAYER Warstwa danych tymczasowo
przechowuje wartoci w urzdzeniu
klienckim, by umo甜liwia korzystanie z
nich tagom, reguom i zmiennym.
TAG Kod, kt坦ry przekazuje dane do jakiego
systemu.
TRIGGER Regua wykrywa okrelone zdarzenia,
np. kliknicia, przesania formularzy lub
wczytania stron.
VARIABLE Zmienna jest noszcym nazw
symbolem zastpczym wartoci, kt坦ra
bdzie ulega zmianie.
Tagi wspierane przez Google Tag
Manager
Tagi wspierane przez Google Tag
Manager
Przede wszystkim reguy
 Wszystko krci si wok坦 tego kiedy co
si wydarzyo
 Co si wydarzyo
 Jakie to byo
 Co to zmienio
 Ukad pomiarowy
Warstwa Danych vs Zmienne
 Upraszczajc Warstwa Danych to tablica
 Zmienne to zeszyt
 Mo甜esz korzysta tylko z tego, co
przepisaa/przepisae do zeszytu
Zakadanie konta
Zakadanie konta
Zakadanie konta
Kod Google Tag Manager
<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=
/slideshow/google-tag-manager-wordpress-webinar-linuxplcom-173891474/173891474/&
j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->
</head>
Kod Google Tag Manager
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src=/slideshow/google-tag-manager-wordpress-webinar-linuxplcom-173891474/173891474/"https:/www.googletagmanager.com/ns.html?id=GTM-
XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
Kod Google Tag Manager
Konfiguracja warstwy danych
Konfiguracja warstwy danych
Konfiguracja warstwy danych
Konfiguracja warstwy danych
Konfiguracja warstwy danych
Konfiguracja warstwy danych
Konfiguracja warstwy danych
Konfiguracja warstwy danych
Konfiguracja warstwy danych
Konfiguracja warstwy danych
Konfiguracja warstwy danych
Konfiguracja warstwy danych
Konfiguracja warstwy danych
Konfiguracja warstwy danych
Sprawdzamy warstw danych
 Konsola dla programist坦w
 dataLayer
 Mamy informacje o warstwie
danych
 Ka甜d z nich mo甜emy wykorzysta
p坦添niej
Sprawdzamy warstw danych
 Google Tag Assistant
 GTM Sonar (konsola)
 Podgld Google Tag Manager
Co teraz?
 Wykonamy 3 podstawowe
wdro甜enia
 Dla strony internetowej zwykej
usugowej
 Dla strony generujcej Content
(blogi, magazyny)
 Google Analytics
 Pixel Facebook
Strona usugowa
 Chcemy ledzi formularze
 Chcemy ledzi kliknicia w numer
telefonu
 Chcemy ledzi kliknicia w maile
 Chcemy znale添 ludzi, kt坦rzy
czytaj nasz ofert
 Chc moderowa wsp坦czynnik
odrzuce, gdy u甜ytkownik bdzie
45 sekund na mojej stronie
Najpierw przygotujmy sobie boisko
ledzenie klikni w linki
ledzenie klikni w linki
Linki z mailto
Linki z mailto
Linki z mailto
Linki z tel:
 Analogicznie jak z mailto
 Click url zawiera tel:
Minutnik / Sekundnik
Minutnik / Sekundnik
Formularz Contact Form 7
Formularz Contact Form 7
Formularz Elementor
 Najprociej zrobi to poprzez
thankyou-page  do tego nie
potrzebujemy tag managera.
 Ale mo甜na wywoa skrypt do
monitorowania formularzy
elementora
 Mo甜na te甜 dobra si poprzez klas
css do komunikatu wywietlanego
 W razie problem坦w szukaj
najpierw tutaj:
https://www.analyticsmania.com/
post/google-tag-manager-form-
tracking/#gref
 Potem zapytaj tutaj:
https://www.google.com/
Formularz Elementor poprzez CSS
Google Tag Manager Wordpress - Webinar Linuxpl.com
Czytajcy vs Przegldajcy
Czytajcy vs Przegldajcy
Czytajcy vs Przegldajcy
Dostp do element坦w DOM
Ustawiamy Google Analytics
 Dodajemy wymiar niestandardowy
dla naszego typu czytajcego
Ustawienia Google Analytics w GTM
Ustawienia Google Analytics w GTM
Ustawienia Google Analytics w GTM
Podstawowy Tag (pageView)
Formularz Elementora (event)
Formularz Elementora (event)
Formularz Elementora (event)
Timer
Telefon
Email
Typ czytajcego
Publikacja i test  Analytics
Co z blogerami / magazynami ?
 Grupowanie treci -
https://rozenberger.com/blog/goo
gle/analytics/grupowanie-tresci-
google-analytics-wykorzystaniem-
google-tag-manager/
 ledzenie link坦w wychodzcych
ledzenie link坦w wychodzcych
ledzenie link坦w
wychodzcych
Dla sklep坦w WooCommerce
 ledzenie zaawansowanego
ecommerce
https://gtm4wp.com/how-to-
articles/how-to-setup-enhanced-
ecommerce-tracking
Jak wgra
Facebook ?
ledzenie
wysania
formularza w
Facebook (Lead)
Facebook
email / tel
Facebook dla ecommerce
 https://developers.facebook.com/
docs/facebook-
pixel/implementation/conversion-
tracking
Gdzie szuka informacji
 YouTube MeasureSchool
https://www.youtube.com/channe
l/UClgihdkPzNDtuoQy4xDw5mA
 Optimize Smart
https://www.optimizesmart.com/b
eginners-guide-google-tag-
manager-v2/
 Analytics Mania
https://www.analyticsmania.com/
 Simo Ahava -
https://www.simoahava.com/
 Google Analytics Academy
https://analytics.google.com/anal
ytics/academy/
 Bounteous
https://www.bounteous.com/insig
hts/
 Jeff
https://www.jeffalytics.com/blog/

More Related Content

Google Tag Manager Wordpress - Webinar Linuxpl.com