Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.

Zainstaluj kod śledzenia HubSpot

Data ostatniej aktualizacji: marca 29, 2023

Dotyczy:

Wszystkie produkty i plany

Kod śledzenia HubSpot jest unikalny dla każdego konta HubSpot i umożliwia firmie HubSpot monitorowanie ruchu w witrynie. Kod śledzenia jest automatycznie umieszczany na stronach blogów HubSpot, stronach docelowych i stronach internetowych.

Jeśli masz jakiekolwiek strony hostowane zewnętrznie (tj. strony spoza HubSpot), musisz ręcznie zainstalować kod śledzenia HubSpot, aby przechwytywać dane analityczne dla tych stron.

Dowiedz się więcej o tym, jak kod śledzący pozwala śledzić odwiedzających Twoją witrynę.

Proszę zwrócić uwagę:

Nie należy instalować wielu kodów śledzenia HubSpot na jednej stronie. Jeśli zainstalowanych jest wiele kodów śledzenia HubSpot, pierwszy, który zostanie załadowany na stronie, zostanie odpalony; wszelkie kolejne kody śledzenia HubSpot nie zostaną załadowane.
Jeśli twój administrator IT lub programista internetowy instaluje kod, muszą mieć konto użytkownika HubSpot.
Jeśli używasz aplikacji jednostronicowej, sprawdź dokumentację deweloperów, aby skonfigurować śledzenie.
W przypadku zewnętrznego hostingu całych domen lub subdomen należy również dodać domeny i/lub subdomeny do ustawień w HubSpot.
Kod śledzenia nie jest obsługiwany na stronach AMP.
Jeśli Twoja zewnętrzna strona korzysta z WordPressa, zaleca się zainstalowanie i użycie wtyczki HubSpot All-in-One Marketing - Forms, Pop-ups, Live Chat WordPress. Zainstaluje on kod śledzenia HubSpot w Twojej witrynie WordPress.
Jeśli odwiedzający ma zainstalowaną blokadę reklam, może ona zakłócać kod śledzenia.

Skopiuj swój kod śledzenia HubSpot

W koncie HubSpot kliknij ikonę ustawień ustawienia w głównym panelu nawigacyjnym.
Przejdź do swoich ustawień Tracking & Analytics:
- Na kontach, które mają dostęp tylko do Marketing Starter lub darmowych narzędzi HubSpot, przejdź do Tracking Code w menu lewego paska bocznego.
- W przypadku wszystkich innych subskrypcji przejdź do Tracking & Analytics > Trackingcode w menu lewego paska bocznego.

W sekcji Embed code, kliknij Copy lub kliknij Email to my web developer, aby wysłać kod śledzenia do członka zespołu, który zainstaluje go w Twojej witrynie.
Zainstaluj kod śledzenia na swojej stronie internetowej.

Zainstaluj kod śledzenia na swojej stronie internetowej

Aby zainstalować kod śledzenia, wklej go przed zamykającym znacznikiem </body> w kodzie HTML każdej strony witryny. Po zainstalowaniu kodu śledzącego dowiedz się, jak zweryfikować instalację i rozwiązać problemy z kodem.

W tym samym czasie większość systemów zarządzania treścią i twoi programiści mogą zainstalować kod do wszystkich stron w witrynie, takich jak plik stopki, do którego odwołują się wszystkie strony. Sprawdź u swoich programistów, jak mogą pomóc w realizacji tego zadania.

Poniższe sekcje mogą być również pomocne, jeśli używasz konkretnego systemu zarządzania treścią.

Uwaga: ponieważ każda witryna ma inną strukturę, te kroki mogą nie być dokładnymi instrukcjami, jak uzyskać dostęp do kodu HTML. Jeśli nie jesteś pewien, jak uzyskać dostęp do kodu HTML swojej witryny, skontaktuj się ze swoim webmasterem, działem IT lub deweloperem i pokaż im ten artykuł.

Zainstaluj kod śledzenia na stronie internetowej WordPress

Zdecydowanie zaleca się zainstalowanie i korzystanie z wtyczki HubSpot All-in-One Marketing - Forms, Pop-ups, Live Chat WordPress. Wtyczka automatycznie instaluje kod śledzenia HubSpot w Twojej witrynie WordPress dla Ciebie.

Tylko jeśli nie możesz zainstalować wtyczki HubSpot WordPress, możesz ręcznie zainstalować kod śledzenia HubSpot:

Wykonaj powyższe kroki , aby skopiować kod śledzenia HubSpot na swoim koncie HubSpot .
Zaloguj się na swoje konto WordPress.
W menu lewego paska bocznego przejdź do Wygląd > Edytor .
Na liście plików motywu po prawej stronie edytora wybierz swoją Footer.
Wklej kod śledzenia i wybierz Update File.

Proszę zwrócić uwagę:

Jeśli ręcznie zainstalujesz kod śledzenia i masz subskrypcję HubSpot Marketing Hub, HubSpot nie będzie w stanie rozróżnić postów i stron WordPress w swojej analityce.
Jeśli Twoja witryna jest hostowana na WordPress.com, nie będziesz mógł dodać kodu śledzenia HubSpot do swojej witryny, chyba że jesteś na ich planie biznesowym. Pozostałe plany (np. Premium, Personal) nie pozwalają użytkownikom na dodanie jakiegokolwiek kodu JavaScript.

Zainstaluj kod śledzenia na stronie Shopify

Uwaga: jeśli używaszintegracji Shopify, nie musisz instalować kodu śledzenia osobno.

Wykonaj powyższe kroki, aby skopiować kod śledzenia HubSpot na swoim koncie HubSpot .
Zaloguj się do swojego pulpitu administratora Shopify.
W lewym menu bocznym przejdź do Sklep internetowy > Motywy .

Kliknij menu rozwijane Actions i wybierz Edit code.
Wybierz plik theme.liquid dla swojegomotywu.

Wklej swój kod śledzenia HubSpot tuż przed znacznikiem </body> w tym pliku.
W prawym górnym rogu kliknij Zapisz.

Zainstaluj kod śledzenia na witrynie Drupal

Wykonaj powyższe kroki, aby skopiować kod śledzenia HubSpot na swoim koncie HubSpot .
Zaloguj się do swojego pulpitu administratora Drupala.
W głównym menu nawigacyjnym przejdź do Struktury.
Blokikliknięć .

Kliknij + Dodaj blok.
Wprowadź pola dla swojego nowego bloku. Wklej kod śledzenia w polu Ciało bloku , a następnie kliknij Zapisz blok.

Zainstaluj kod śledzenia w witrynie Magento

Wykonajpowyższe kroki, aby skopiować kod śledzenia HubSpot na swoim koncie HubSpot. Następniepostępuj zgodnie z przewodnikiem użytkownika projektu Magento, aby uzyskać instrukcje dotyczące instalowania kodu JavaScript innych firm w nagłówku HTML.

Zainstaluj kod śledzenia na witrynie Wix

Użyj App Market w Wix, aby dodać widget HTML do twojej strony:

Wykonaj powyższe kroki, aby skopiować kod śledzenia HubSpot na swoim koncie HubSpot .
Przejdź do swojego menedżera witryny.
W menu lewego paska bocznego przejdź do Tracking and Analytics.
Kliknij Custom lub Dodaj nowe narzędzie > Custom.
Wklej kod śledzenia w polu Paste code snippet here .
Ustaw nazwę nowego narzędzia na HubSpot Tracking Code.
W sekcji Add Code to Pages kliknijprzycisk radiowy dla All pages i użyjrozwijanego menu , aby wybrać Load code on each new page.
W sekcji Place Code in kliknijprzycisk radiowy dla opcji Body - end.
Kliknij Apply , aby zapisać zmiany.

Jeśli używasz czatu na żywo lub bota na twojej witrynie Wix, możesz albo wykonać powyższe kroki, aby dodać przepływ czatu do każdej strony, lub możesz współpracować z deweloperem, aby użyć SDK widżetu czatu do określenia konkretnych stron. Użyj metody .widget-refresh, aby określić różne przepływy czatu na różnych stronach. Dowiedz się więcej w dokumentach dla programistów HubSpot.

Zainstaluj kod śledzenia na stronie Joomla

Istnieją dwa sposoby, aby dodać swój kod śledzenia HubSpot do witryny Joomla. W przypadku każdej z tych metod, najpierw musisz skopiować swój kod śledzenia HubSpot, wykonującpowyższe kroki .

Możesz wybrać rozszerzenie zkatalogu rozszerzeń Joomla , w którym wkleisz kod śledzenia HubSpot. Alternatywnie możesz wykonać poniższe kroki, aby zainstalować kod śledzenia:

Zaloguj się na swoje konto w Joomla jako administrator.
W głównym menu nawigacyjnym przejdź do Rozszerzeń > Szablony > Szablony.
Kliknij nazwę swojego szablonu i w menu lewego paska wybierz index.php .
Wklej kod śledzenia HubSpot bezpośrednio nad znacznikiem </body>.
Kliknij Save.

Zainstaluj kod śledzenia na stronie Squarespace

Wykonaj powyższe kroki , aby skopiować kod śledzenia HubSpot na swoim koncie HubSpot .
Zaloguj się na swoje konto w Squarespace.
W menu lewego paska bocznego przejdź do Ustawienia .
W sekcji menu Strona internetowa przejdź do Zaawansowane, a następnie wybierz Wstrzykiwanie kodu.
Kod śledzenia wklejamy w polenagłówka .
W lewym górnym rogu kliknij Save.

Zainstaluj kod śledzenia za pomocą Google Tag Manager

Wykonaj powyższe kroki, aby skopiować kod śledzenia HubSpot na swoim koncie HubSpot .
W nowej karcie lub oknie przeglądarki zaloguj się na swoje konto Google Tag Manager .
Wybierz swój pojemnik.
W menu lewego paska bocznego przejdź do opcji Tagi.
Kliknij przycisk New.

Kliknij Tag Configuration.
Dla typu tagu wybierz Custom HTML Tag. Następnie nadaj swojemu znacznikowi nazwę.
Wklej kod śledzenia w polu HTML .

Poniżej Konfiguracja znacznika, kliknij Wyzwalanie , aby skonfigurować regułę wypalania. Jeśli nie skonfigurujesz reguły wypalania, tag nie zostanie odpalony, a dane analityczne HubSpot nie zostaną zebrane.
Aby tag odpalał się na wszystkich stronach z zainstalowanym kodem Google Tag Managera (zalecane), zaznacz opcję dla All Pages.

Kliknij Zapisz , aby zapisać nowy tag.
W prawym górnym rogu kliknij Publish, abyzapisać swój kontener i tagi.

Jeśli jeszcze tego nie zrobiłeś, zainstaluj na swojej stronie Google Tag Manager.

Dodatkowy kod do wczytywania danych do typów stron HubSpot

Jeśli korzystasz z raportów atrybucji tworzenia kontaktów, raportów atrybucji przychodów lub zakładki Strony w narzędziu Traffic Analytics i chcesz, aby dane dotyczące odwiedzających Twoje strony zewnętrzne były przypisane do konkretnych typów stron, powinieneś poprosić swój zespół programistów o dodanie poniższego kodu do swoich stron:

var _hsq = window._hsq || [];
_hsq.push(['setContentType', 'CONTENT_TYPE']);

Zastąp tekst CONTENT_TYPE w kodzie wyrażeniem dla typu treści, do którego chcesz przypisać kredyty.

Aby przypisać punkty do typu zawartości Strona internetowa, należy użyć wyrażeń standard-page lub site-page.
Aby przypisać kredyty do typu zawartości Landing page, użyj wyrażenia landing-page.
Aby przypisać kredyty do typu zawartości Listing page, użyj wyrażenia listing-page.
Aby przypisać punkty do typu zawartości Blog post, należy użyć wyrażenia blog-post.
Aby przypisać punkty do typu zawartości artykułu Knowledge, użyj wyrażenia knowledge-article.

Po dodaniu, dane dotyczące Twojej zewnętrznej strony powinny zostać wrzucone do wybranego w kodzie typu strony. Dowiedz się jak działa ten kod w naszej dokumentacji deweloperskiej.

Czy ten artykuł okazał się pomocny? Tak Nie

Niniejszy formularz służy wyłącznie do przekazywania opinii dotyczących dokumentacji. Dowiedz się, jak uzyskać pomoc dotyczącą HubSpot.