Jak umieszczać kody JavaScript w artykułach?

kody java script
Wymagania reklamodawców są coraz większe. Większość agencji chce mierzyć skuteczność swoich działań, także w zakresie publikacji artykułów. Wymaga to umieszczenia odpowiedniego kodu, co nie zawsze jest proste. W tym artykule opowiemy, jak to zrobić i jakie problemy możemy spotkać. Zrobimy to na przykładzie edytorów treści popularnie wykorzystywanych w panelach administracyjnych stron i portali.
Dwudniowe szkolenie SEO & CM w Krakowie 23-24.04.2018 w cenie 778 zł
Zapisz się

Kody śledzenia i analizy ruchu nie różnią się sposobem ich wstawiania. Taki kod może być skryptem zliczającym ruch w oparciu o Google Analitics, wewnętrznym systemem statystyk WhitePress lub innym autorskim rozwiązaniem. Coraz częściej kod ma umożliwiać działania remarketingowe.

Wszystkie strony internetowe działają w oparciu o edytor HTML. Aby poprawnie umieścić kod javascript w treści artykułu, należy wpierw przełączyć się w tryb edycji HTML, czyli źródło dokumentu.

W zależności od edytora treści zastowanego w panelu administracyjnym portalu, gdzie publikowany jest artykuł, przyciski mogą wyglądać różnie. Czasami konieczne może być znalezienie tej opcji w menu edytora lub klikająC prawym przyciskiem myszy.

kod java script

 

Po przełączeniu powinniśmy zobaczyć znaczniki HTML. Nie musimy ich rozumieć, wystarczy że upewnimy się, że występują ostre nawiasy <  > , które będą otaczać nasz tekst:

kot java script w artykulach html

 

Ostatnią czynnością jest wklejenie kodu śledzenia ruchu, najlepiej na samym końcu artykułu.

Poprawnie wklejony przykładowy kod wygląda tak:

kod java script w artykułach

 

Po wstawieniu kodu możemy już wyłaczyć źródło HTML i zapisać nasz artykuł. Jeżeli wszystko przebiegło pomyślnie, kod śledzenia ruchu będzie umieszczony w treści artykułu, a stastystyki powinny się zliczać.

 

Możliwe problemy, które należy skonsultować z osobą odpowiedzialną technicznie za działanie strony internetowej:

  • Edytor posiada wyłączoną możliwość wklejania kodu (należy przestawić w konfiguracji edytora odpowiedni parametr).
  • Edytor nie posiada żadnego przycisku przełączania źródła (należy dodać w konfiguracji edytora odpowiedni parametr).
  • Po zapisie kod nie jest umieszczany w artykule (być może edytor posiada ograniczenie w umieszczaniu znaczników <script> w treści. Konieczne będzie przestawienie opcji w edytorze pozwalającej na umieszczanie tych znaczników).
  • Po zapisie kod wygląda tak samo, cudzysłowia są zmienione (edytor może posiadać funkcję zamiany cudzysłowi i nawiasów ostrych na encje, które są tylko drukowalne, lecz nie spełniają żadnej funkcji. Należy wyłączyć w konfiguracji edytora parametr odpowiadający za konwersję znaków specjalnych na encje/entity przy zapisie).
Wasze komentarze (3)
Redakcja WhitePress zastrzega sobie prawo usuwania komentarzy obraźliwych dla innych osób, zawierających słowa wulgarne lub nie odnoszących się merytorycznie do tematu obiektu.
  • MarcinM

    Próbuje zakończyć pierwszą współpracę z marką wrzuciłem kod przez GTM, ale nie działa.... blokujecie to w jakiś sposób? Debuger pokazuje że się odpala. milowski.eu

    2017-08-27, 23:49
  • Marcin Miłowski

    O wiele wygodniejsze jest umieszczanie kodu przez Google Tag Managera ;) itiq.pl

    2017-08-07, 23:54
  • Expert Advisor

    Ja umieściłem na samej górze expertadvisor.pl

    2016-07-25, 14:02
Polecane artykuły
Dziennikarz a copywriter
Dziennikarz a copywriter – czym się różnią?

Choć na pierwszy rzut oka wydawałoby się, że zawody copywritera i dziennikarza są niemal identyczne, to w rzeczywistości bardzo wiele je dzieli. Owszem, ich praca z pozoru wygląda bardzo podobnie. Przy bliższym spojrzeniu stają się jednak widoczne drobne, ale wciąż niezmiernie ważne różnice... o których więcej w artykule.

Trendy w web designie w 2018 roku
Minimalizm i flat design - aktualne trendy w projektowaniu

Trendy w projektowaniu zmieniają się bardzo dynamicznie, niezależnie czy mówimy o modzie, architekturze czy grafice. Webdesign nie jest tu wyjątkiem - wraz z gwałtownym rozwojem Internetu ewolucji ulega również warstwa wizualna stron www. Chcąc zadbać o nowoczesny wygląd swojego portalu/bloga konieczne jest regularne śledzenie aktualnych tendencji. Dowiedz się co jest na czasie w 2017 roku i co pozostanie modne w roku 2018.

animacje na stronach internetowych
Animacje - czyli jak poprawić wygląd strony lub bloga

Współcześnie, aby skutecznie wyrożnić się na tle konkurencji, konieczne jest wykorzystanie coraz bardziej wyszukanych narzędzi. Znakomitym sposobem na uatrakcyjnienie treści swojej strony może okazać się dodanie do niej różnorodnych animacji. Ich niewątpliwą zaletą jest przyciąganie uwagi czytelnika, a odpowiednio zaprojektowane powinny pomóc mu w odbiorze naszej treści.