Analytics.JS - Każdy analityk powinien posiadać dobrą znajomość dwóch podstawowych umiejętności, aby zostać ekspertem w dziedzinie analityki cyfrowej. Jedna statystyka i druga JavaScript.

JavaScript jest najbardziej przydatnym językiem programowania.

Wszystkie pomiary lub tagi są zapisane w JavaScript. JavaScript ma kontrolę nad zachowaniem HTML, CSS i przeglądarek internetowych.

Google analytics.js to biblioteka JavaScript, która służy do pomiaru interakcji użytkowników z witryną. To jest starsza biblioteka. Jeśli korzystasz z Google Analytics, powinieneś użyć najnowszej biblioteki śledzenia analytics.js.

Jak dodać plik analytics.js do swojej witryny

Istnieją trzy sposoby dodania JavaScript do dokumentu HTML.

  • Wbudowany JavaScript
  • Wbudowany JavaScript
  • Zewnętrzny JavaScript

Najprostszym sposobem na rozpoczęcie pracy z plikiem analytics.js jest dodanie kodu do szablonu witryny. Skrypt należy dodać do tagu, a identyfikator śledzenia należy podać zamiast ciągu danych analitycznych Google, które chcesz śledzić.

Wbudowany JavaScript

JavaScript wbudowany to ten dodany do znacznika HTML

Na przykład

…

„Kliknięcie” w tym przykładzie to moduł obsługi zdarzeń używany w Inline JavaScript.

Wbudowany JavaScript

Osadzony JavaScript jest dodawany do dokumentu HTML. Używa znacznika, ale bez atrybutu „src”.

Prosty przykład podano poniżej

funkcja greet () (

alert („cześć”);

)

Tekst kursywą to kod JavaScript.

Zewnętrzny JavaScript

Zewnętrzny JavaScript jest dodawany do dokumentu HTML za pomocą znacznika z atrybutem src.

Przykładem jest

typ skryptu = ”text / javascript” src = ”minescript.js„>

Zewnętrzny JavaScript jest najlepszą metodą do zastosowania, ponieważ ma następujące zalety w stosunku do pozostałych dwóch metod.

  1. Nie koliduje z innymi kodami na stronie
  2. Jest łatwy w utrzymaniu, zrozumieniu i użyciu
  3. Może to przyspieszyć ładowanie stron

Dostosowania można również dokonać we fragmencie kodu śledzenia JavaScript. Kod ładujący plik analyticcs.js i uruchamiający funkcję ga () nie powinien być zmieniany.

Do czego służy fragment śledzenia?

Dodając jeden z wyżej wymienionych fragmentów śledzenia, możesz uzyskać wyświetlenia każdej strony odwiedzanej przez użytkowników. Google Analytics może dostarczyć informacji na temat

  • Czas spędzony na każdym użytkowniku w Twojej witrynie
  • Czas spędzony przez każdego użytkownika na każdej stronie oraz w kolejności, w jakiej nawigowali między stronami
  • Jakie są wewnętrzne linki kliknięte przez użytkowników

Po utworzeniu nowego modułu śledzącego za pomocą pliku analytics.js można dowiedzieć się, co następuje

  • Lokalizacja geograficzna użytkownika
  • Przez który system operacyjny lub przeglądarkę odwiedzili Twoją witrynę
  • Jaki jest ich rozmiar ekranu i czy zainstalowali Javę czy Flash
  • Ich strona odsyłająca

Instrukcje JavaScript

Instrukcja JavaScript jest instrukcją wykonywaną przez przeglądarki internetowe. Każda instrukcja JavaScript powinna kończyć się średnikiem. Kod śledzenia Google Analytics zawiera kilka instrukcji JavaScript. Przykład podano poniżej.

Kolejność wykonania

Instrukcje JavaScript są wykonywane od góry do dołu w kolejności, w jakiej zostały zapisane.

Jeśli kolejność zostanie zmieniona, kod będzie albo zachowywać się inaczej, albo przestanie działać.

JavaScript i białe spacje

JS ignoruje wiele białych znaków. Zawsze zaleca się dodawanie spacji wokół operatorów, aby zwiększyć czytelność kodu. Dodatkowe spacje, jeśli zostaną użyte w ciągu, mogą powodować problemy.

Komentarze w JavaScript

Komentarze służą do dodawania notatek do JavaScript. Istnieją dwa główne typy - komentarz do pojedynczej linii i wielu linii.

Komentarz do jednej linii zaczyna się od dwóch ukośników. Przykład podano poniżej

ga („utwórz”, „UA-XXXX-Y”, „auto”); // tworzy moduł śledzący

Komentarz do wielu wierszy zaczyna się od / *, a kończy na * /. Przykład podano poniżej

Komentarze służą również do zatrzymania wykonywania instrukcji.

Zmienne JavaScript

Tworzenie zmiennej w JavaScript jest znane jako deklarowanie zmiennej. Zmienne są używane do przechowywania wartości. Zmienne można tworzyć w JavaScript za pomocą słowa kluczowego „var”. Zaleca się tworzenie zmiennych na początku kodu.

var_gaq; // utwórz zmienną i nazwij ją _gaq

Możesz także przypisać wartość do zmiennej. Aby użyć wartości zmiennej, należy użyć nazwy zmiennej bez uwzględniania jej w cudzysłowie. Jeśli umieścisz go w cudzysłowie, będzie to traktowane jako ciąg.

Nazewnictwo zmiennych JavaScript

W JavaScript jest sześć ważnych cech nazw zmiennych

  • Rozróżniają wielkość liter

var pagetracker;

var Pagetracker;

  • Nazwy zmiennych mogą być alfanumeryczne

var alpha46;

  • Spacje nie są dozwolone w nazwie zmiennej

var imię = „Nirmal”; // nieważny

  • W nazwach zmiennych zaleca się stosowanie małych liter
  • Znaki specjalne nie są dozwolone w nazwie zmiennej oprócz $ i podkreślenia

var first-name = „Nirmal”; // łącznik jest niedozwolony

var_first name = „Peter”; // podkreślenie jest dozwolone

  • Nazwa zmiennej nie może zaczynać się cyfrą

var 46a;

  • Nazwa zmiennej nie może być nazwą słowa kluczowego
  • Najlepiej jest używać podkreślnika lub obudowy wielbłąda do oddzielania słów w nazwie zmiennej

Słowa kluczowe JavaScript

Słowo kluczowe jest słowem o szczególnym znaczeniu

Oto niektóre ze słów kluczowych używanych w JavaScript

  • var
  • funkcjonować
  • powrót
  • dla
  • prawdziwe
  • fałszywy
  • gdyby

Wartości JavaScript

Zmienne są używane do przechowywania wartości dowolnego rodzaju danych. Może zawierać następujący typ danych

  • Wartość numeryczna
  • Wartość ciągu
  • Wartość logiczna
  • Niezdefiniowana wartość
  • Wartość zerowa
  • Szyk
  • Obiekt
  • Tablica obiektów

Ciągi w JavaScript

String to ciąg znaków o dowolnej długości. Ciągi muszą być zapisane w obrębie pojedynczego lub podwójnego cudzysłowu.

var name = „Nirmal Sharma”;

Ciąg może być dowolnym znakiem, w tym spacjami. Liczby są również uważane za ciąg, jeśli są zawarte w cudzysłowach pojedynczym lub podwójnym.

Możesz użyć ukośnika wstecznego, aby użyć cudzysłowów wewnątrz ciągu, które pasują do cudzysłowów poza ciągiem.

Tablice JavaScript

Tablica jest specjalną zmienną, która służy do przechowywania wielu elementów tego samego lub różnych typów danych.

Tablice mogą być łańcuchami, wartościami liczbowymi, wartościami niezdefiniowanymi, wartością logiczną, innymi tablicami lub obiektami.

Tablicę można utworzyć za pomocą funkcji „new Array ()” lub poprzez notację dosłowną tablicy.

Przykłady są wymienione poniżej

var bus = new Array ();

var bus = ();

Obiekty w JavaScript

Obiekt to kolejna specjalna zmienna, która zawiera właściwości i metody. W obiekcie właściwość może być łańcuchem lub identyfikatorem.

Warstwa danych jest przykładem tablicy z jednym lub więcej obiektami. Składnia tworzenia obiektu jest wymieniona poniżej

ObjectName = ('property10': value10, 'property11 ′: value11, … ..' propertyN ': valueN);

Funkcje w JavaScript

Funkcja to zestaw kodu, który służy do wykonania określonego zadania podczas jego wykonywania. W celu wykonania należy wywołać funkcję. Słowo kluczowe użyte do utworzenia funkcji w JavaScript to „funkcja”.

Struktura tworzenia funkcji jest następująca

funkcja (parametr1, parametr2, ….) (

Instrukcja Java Script 10

Instrukcja Java Script 11

Instrukcja Java ScriptN

)

Parametry to nazwy wymienione w celu zdefiniowania funkcji. Argumenty to wartości do wywołania określonej funkcji.

Funkcja „ga”

„ga” to wbudowana funkcja Google Analytics. Wykonuje wiele zadań w Google Analytics. Pierwszym argumentem funkcji „ga” jest polecenie. Wyjaśnia to poniższy obrazek

Każda funkcja ma tylko określoną liczbę parametrów, które można dodać.

Każda funkcja może akceptować tylko określony typ danych.

Ważne punkty do zapamiętania

  • Użyj prawidłowej struktury lub układu dla wszystkich funkcji
  • Używaj tylko aktywnych metod lub znalezionych funkcji
  • Nigdy nie dodawaj cudzysłowów niepotrzebnie
  • Zobacz dokumentację

Jak działa analytics.js

  • Kolejka poleceń ga

Funkcja ga jest również nazywana kolejką poleceń, ponieważ nie wykonuje poleceń natychmiast i dodaje polecenia do kolejki, aby je wykonać, dopóki biblioteka nie zostanie w pełni załadowana.

W JavaScript funkcje są inaczej znane jako obiekty, ponieważ zawierają również właściwości. Fragment śledzenia definiuje właściwość aq w funkcji ga (), która działa jak pusta tablica.

  • Dodawanie poleceń do kolejki

Wszystkie wywołania kolejki funkcji ga () mają wspólną cechę. Polecenie, które działa jako pierwszy parametr, to ciąg znaków, który pomaga zidentyfikować określoną metodę analytics.js. Wszelkie dodatkowe parametry są uważane za argumenty przechodzące przez metodę.

Termin „metoda” oznacza tutaj metodę globalną, taką jak „create”, lub metodę instancji, taką jak „send”. Jeśli kolejka poleceń ga () otrzyma dowolne polecenie, automatycznie wywołuje funkcję ga (), ponieważ nie zwróci żadnego błędu.

  • Parametry polecenia

Większość poleceń i metod w analytics.js akceptuje parametry w innym typie formatów. Ułatwia to przekazywanie często używanych pól do poszczególnych metod.

Na przykład weź dwa poniższe polecenia

ga („utwórz”, „UA-XXXXX-Y”, „auto”);

ga („wyślij”, „odsłona strony”);

W pierwszym poleceniu „utwórz” akceptuje pola „trackingId”, „cookieDomain” i „nazwa”. W drugim poleceniu „wyślij” akceptuje drugi parametr hitType jako opcję.

Wszystkie polecenia wykonują parametr „fieldsObject”, który może być użyty do określenia dowolnych pól.

Tworzenie trackerów

Urządzenia śledzące to obiekty, które mogą gromadzić i przechowywać dane. Następnie może wysłać te dane do Google Analytics. Aby utworzyć nowy moduł śledzący, musisz określić identyfikator śledzenia i domenę plików cookie, które będą używane do określania sposobu przechowywania plików cookie.

Jeśli dla określonej domeny plik cookie nie istnieje, dla tej domeny tworzony jest nowy identyfikator klienta i zapisywany w pliku cookie. Tutaj użytkownik jest rozpoznawany jako nowy. Jeśli dla tej domeny istnieje już identyfikator klienta, wówczas użytkownik zostanie rozpoznany jako powracający.

Po utworzeniu obiekty śledzące zaczną zbierać informacje o treści przeglądania, takie jak tytuł strony i adres URL, rozdzielczość ekranu, rozmiar rzutni i inne. Później, gdy zajdzie taka potrzeba, moduł śledzący wysyła wszystkie informacje, które są przechowywane do Google Analytics.

  • Utwórz metodę

Analytics.js oferuje różne sposoby tworzenia modułów śledzących, ale najczęściej stosowanym sposobem jest polecenie „utwórz”, a pola identyfikatora śledzenia i pola domeny plików cookie są używane jako drugi i trzeci parametr. Przykład podano poniżej

ga („utwórz”, „UA-XXXXX-Y”, „auto”);

  • Naming Trackers

Możesz nazwać moduł śledzący, używając pola nazwy jako czwartego argumentu w poleceniu create. Nazwę modułu śledzącego należy koniecznie, gdy na jednej stronie znajduje się więcej niż jeden moduł śledzący. Moduł śledzący bez pola nazwy jest znany jako domyślny moduł śledzący i jest wewnętrznie przydzielony z nazwą „t0”.

ga („utwórz”, „UA-XXXXX-Y”, „auto”, „myTracker”);

Określanie pól w czasie tworzenia

Można również dodać inny obiekt Fields, który pozwala ustawić dowolne z pól w czasie tworzenia. Zostaną zapisane w module śledzącym i zastosowane do wszystkich wysłanych trafień. Obiekt pola można wykorzystać do określenia wszystkich pól podczas wywoływania funkcji ga ().

Praca z wieloma modułami śledzącymi

Jeśli witryna ma więcej niż jednego właściciela, musisz wysłać dane do wielu usług z jednej strony. W takich przypadkach musisz utworzyć dwa osobne moduły śledzące, a jeden powinien być nazwanym modułem śledzącym.

Aby uruchomić polecenia dla określonego modułu śledzącego, należy zawsze poprzedzić nazwę polecenia nazwą modułu śledzącego, po której musi znajdować się kropka. Polecenie wysyłania odsłon jest podane poniżej

ga („wyślij”, „odsłona strony”);

ga („clientTracker.send”, „odsłona strony”);

Ważne wskazówki dotyczące kodu śledzenia Google Analytics

  • Każda strona w Twojej witrynie powinna zawierać kod śledzenia Google Analytics (GATC)
  • Nie należy kopiować wklejania GATC z żadnego dokumentu
  • Zaleca się unikanie dostosowywania GATC, ponieważ spowoduje to uszkodzenie kodu, w wyniku czego kod przestanie działać
  • Staraj się unikać używania wielu wersji kodu GATC, ponieważ staje się on niewiarygodny dla użytkowników. Używaj pojedynczej wersji GATC na stronie na raz.
  • Wstaw GATC do sekcji nagłówka strony witryny.
  • Upewnij się, że dodajesz prawidłowy GATC, który należy do tej konkretnej strony
  • Nawet jeśli umieścisz GATC w pliku zewnętrznym, Google Analytics zbierze dane
  • Po wykonaniu kodu GATC wysyła odpowiedź HTTP do serwera GA

Wniosek

Teraz już wiemy, jak łatwo rozpocząć pracę z plikiem analytics.js. Jest także o wiele więcej do odkrycia na temat analytics.js. Informacje, które gromadzisz, mogą być wykorzystywane do ulepszania kampanii marketingowych i rozwijania witryny, aby zapewnić jak najlepszą obsługę.

Polecany artykuł

  1. HTML5 vs Flash - co jest lepsze
  2. Koncepcje programowania - idealny przewodnik dla nowych programistów
  3. Jakie są zalety i ograniczenia używania Pythona?
  4. 6 rzeczy, które ukrywa Twoje oprogramowanie Analytics

Kategoria:

Rozwój oprogramowania