Przejdź do treści
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.
Design Manager

Dodaj plik JavaScript do HubSpot

Data ostatniej aktualizacji: października 18, 2021

Dotyczy:

Marketing Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
Wcześniejsze konto Marketing Hub Basic

Możesz hostować i edytować pliki JavaScript w menedżerze projektów. Dowiedz się, jak utworzyć plik JavaScript i powiązać go z szablonem lub domeną.


Tworzenie pliku JavaScript

  • W koncie HubSpot przejdź do Marketing > Pliki i szablony > Narzędzia do projektowania.
  • W menu lewego paska bocznego kliknij kolejno Plik>Nowy plik. Może być konieczne kliknięcieikony folder u, aby rozwinąć menu.
  • W oknie dialogowym kliknij menu rozwijane What would you like to build today? i wybierzJavaScript.

design-manager-new-file-javascript
  • KliknijDalej.
  • W poluNazwapliku wpisz nazwę dla swojego pliku JavaScript.
  • Aby zaktualizować lokalizację pliku, w sekcjiLokalizacjapliku kliknij przyciskZmieńi wybierz folder, do którego chcesz dodać plik.

design-manager-new-javascript-file

  • Kliknij przyciskUtwórz.
  • Wpisz lub wklej swój skrypt JavaScript do edytora kodu.
  • Jeśli włączyłeś ESLint, możesz zobaczyć wszystkie ostrzeżenia i błędy JavaScript klikając na przełącznik Pokaż dane wyjściowe .

    design-manager-javascript-show-output
  • W prawym górnym rogu kliknij przyciskOpublikujzmiany,aby wprowadzić zmiany na żywo.

Dołączanie pliku JavaScript do szablonu

  • W wyszukiwarce po lewej stronie kliknij szablon, który chcesz zaktualizować.
  • W inspektorze po prawej stronie kliknij zakładkęEdycja.
  • W sekcjiPołączone pliki JavaScript kliknij menu rozwijaneDodaj i wybierz swój plik JavaScript.

  • W prawym górnym rogu kliknij przyciskOpublikuj zmiany, aby wprowadzić zmiany na żywo.

Włączanie pliku JavaScript na stronach HubSpot

Możesz umieścić swój plik JavaScript na wszystkich stronach domeny hostowanej przez HubSpot lub na poszczególnych stronach, używając publicznego adresu URL.

Aby uzyskać dostęp do publicznego adresu URL pliku:

  • W menu lewego paska bocznego wybierz swójplik JavaScript.
  • Kliknij przycisk .Akcje>Kopiuj publiczny adres URL.

design-manager-add-javascript-file

Aby dodać plik do wszystkich stron HubSpot w danej domenie:
  • W koncie HubSpot kliknij ikonę ustawień ustawienia w głównym panelu nawigacyjnym.
  • W menu lewego paska bocznego przejdź doWitryna> Strony.
  • Kliknij w menu rozwijanym Wybierz domenę, aby edytować jej ustawienia i wybierz domenę, do której chcesz dodać plik JavaScript. Możesz wybrać opcję Domyślne ustawienia dla wszystkich domen, jeśli chcesz, aby plik JavaScript miał zastosowanie do wszystkich podłączonych domen.
  • W sekcjiHTML stopki witrynywklej adrespubliczny adres URL jako wartość źródła znacznika skryptu:
<!-- Start Main.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End Main.js-->

  • Kliknij przyciskZapisz.

Lub, aby dodać plik do pojedynczej strony:

  • Na swoim koncie HubSpot przejdź do.Marketing>Witryna>Strony internetowe lubLanding Pages.
  • Najedź kursorem na stronę, którą chcesz edytować, a następnie kliknij Edytuj.
  • W edytorze strony kliknij zakładkęUstawienia.
  • Kliknijopcję Opcje zaawansowane.
  • W sekcjiStopka HTML wklej publiczny adres URL jako wartość dla źródła znacznika skryptu:
<!-- start Main.js Do Not Remove -->
<script src='wstaw tutaj publiczny adres URL swojego pliku
'
></script>
<!---End Main.js-->

.
  • Aby opublikować zmiany na stronie na żywo, w prawym górnym rogu kliknij przycisk Aktualizuj.