Google Tag Manager (GTM) to bezpłatne narzędzie Google, które pozwala zarządzać kodami śledzenia i skryptami w Twojej witrynie internetowej bez bezpośredniej edycji kodu źródłowego. Ten przewodnik przeprowadzi Cię przez całą konfigurację — utworzenie konta GTM, dodanie fragmentu kodu GTM do Twojej witryny i wstawienie kodu czatu Smartsupp jako tagu.
Podzieliliśmy przewodnik na następujące sekcje:
Utwórz konto GTM
Jeśli nie masz jeszcze konta Google Tag Manager, przejdź do tagmanager.google.com i zaloguj się za pomocą swojego konta Google. Kliknij Utwórz konto, wpisz nazwę konta i wybierz kraj.
Skonfiguruj kontener dla swojej witryny internetowej. Wpisz adres URL swojej witryny i wybierz Witryna internetowa jako platformę docelową, a następnie kliknij Utwórz.
Zaakceptuj warunki korzystania z usługi, aby kontynuować.
Zainstaluj GTM w Twojej witrynie internetowej
Po utworzeniu konta GTM wyświetli dwa fragmenty kodu. Musisz dodać je do kodu HTML Twojej witryny internetowej:
Wklej pierwszy fragment kodu możliwie wysoko w sekcji <head> .
Wklej drugi fragment kodu bezpośrednio po otwierającym znaczniku <body> .
Wskazówka: Jeśli korzystasz z platformy takiej jak WordPress, Shopify lub PrestaShop, możesz już mieć wbudowaną wtyczkę Smartsupp — sprawdź nasz Przewodnik instalacji dla Twojej platformy, zanim skorzystasz z GTM.
Możesz też uzyskać dostęp do fragmentów kodu GTM później, klikając identyfikator kontenera (np. GTM-XXXXXX) u góry dashboardu GTM.
Utwórz nowy tag
W dashboardzie GTM kliknij Dodaj nowy tag (lub przejdź do Tagi > Nowy). Nadaj tagowi nazwę, na przykład Czat Smartsupp.
Kliknij obszar Konfiguracja tagu i wybierz Niestandardowy kod HTML jako typ tagu.
Wstaw kod Smartsupp
Znajdź swój unikalny kod czatu Smartsupp w dashboardzie w sekcji Ustawienia > Okno czatu > Instalacja > Wstaw kod. Skopiuj cały fragment kodu.
Wklej kod w polu HTML Twojego nowego tagu w GTM. Następnie kliknij sekcję Reguły poniżej i wybierz Wszystkie strony — dzięki temu widget czatu Smartsupp będzie ładować się na każdej stronie Twojej witryny internetowej.
Uwaga: Upewnij się, że wklejasz cały kod wraz ze znacznikami <script> . W przeciwieństwie do niektórych platform GTM akceptuje pełny kod HTML, w tym znaczniki script, w tagach typu Niestandardowy kod HTML.
Opublikuj tag
Kliknij Zapisz , aby zapisać tag, a następnie kliknij przycisk Prześlij w prawym górnym rogu dashboardu GTM.
Dodaj nazwę i opis wersji (opcjonalnie), a następnie kliknij Opublikuj.
Sprawdź instalację
Otwórz swoją witrynę internetową w nowej zakładce przeglądarki i odśwież stronę. Widget czatu Smartsupp powinien być teraz widoczny w rogu Twojej witryny.
Wskazówka: Jeśli nie widzisz widgetu czatu, spróbuj wyczyścić pamięć podręczną przeglądarki lub otworzyć swoją witrynę w oknie incognito. Upewnij się też, że kod kontenera GTM jest poprawnie zainstalowany w Twojej witrynie internetowej.
Powiązane materiały:
Instalacja Smartsupp — pełny przegląd wszystkich metod instalacji.
Wielojęzyczne okno czatu — skonfiguruj widget czatu w wielu językach.
Co dalej?
Podstawowe ustawienia okna czatu — Dostosuj kolory, położenie, wiadomości powitalne i inne opcje.
Status okna czatu — Dowiedz się, jak działa status widgetu czatu i jak nim zarządzać.
Dlaczego nie widzę czatu w mojej witrynie internetowej? — Rozwiąż najczęstsze problemy z instalacją.
Pobierz wtyczki — Poznaj wszystkie dostępne integracje z platformami.