Hostowanie filmów na zewnętrznym serwerze
Korzystanie z zewnętrznego hostingu dla filmów, jest najczęściej najlepszym rozwiązaniem dla większości witryn, przede wszystkim ze względu na wydajność takiego rozwiązania.
Korzystanie z Youtube z oczywistych względów nie jest dobrym rozwiązaniem.
Najczęstszym wyborem jest portal Vimeo. Pojawia się natomiast pewien problem – śledzenie interakcji z filmami innymi niż tymi pochodzącymi z Youtube, nie jest wspierane przez automatyczne śledzenie w GA4. Jeśli zależy Ci na zbieraniu tych danych – pomocna będzie poniższa instrukcja oraz film z instrukcją na Youtube.
See the Pen Untitled by CX Factory (@CX-Factory) on CodePen.
Instrukcja
Zaloguj się do swojego konta Google Tag Manager i wybierz odpowiedni kontener.
Dodaj nowy tag:
- Kliknij “Tagi” w lewym menu.
- Kliknij przycisk “Nowy” w prawym górnym rogu. Nadaj mu nazwę jaka ci pasuje.
Dodaj niestandardowy tag HTML:
- Kliknij w obszarze “Konfiguracja tagu”.
- Wybierz “Niestandardowy HTML” z listy dostępnych tagów.
- Wklej podany kod JavaScript z opisem do pola “Kod HTML”.
- Zatwierdź tag, klikając “Zapisz”.
Dodaj regułę do tagu:
- Kliknij w obszarze “Reguły”.
- Wybierz “All Pages” lub utwórz własny wyzwalacz strony, który będzie odpowiadał Twoim potrzebom.
- Zapisz Regułę.
Utwórz nowy tag GA4:
- Kliknij “Tagi” w lewym menu.
- Kliknij przycisk “Nowy” w prawym górnym rogu. Nadaj mu nazwę jaka Ci pasuje.
- Kliknij w obszarze “Konfiguracja tagu”.
- Wybierz “Google Analytics: zdarzenie GA4” z listy dostępnych tagów.
Skonfiguruj tag GA4:
- Wklej identyfikator pomiaru GA4 (G-XXXXXXX) do pola “Identyfikator pomiaru” lub wybierz z listy
- Jako nazwę zdarzenia wybierz zmienną Event klikając na znaczek klocka lego z plusem.
- W parametrach zdarzenia dodaj parametr, nadaj mu nazwę która będzie się wyświetlać w GA4, dla prostoty może to być video_title, a w prawej kolumnie (wartość) kliknij klocek lego z plusem, następnie dodaj nową zmienną. Wybierz rodzaj zmiennej jako zmienną warstwy danych i jako nazwę wpisz video_title. Zapisz.
Dodaj regułę do tagu GA4:
- Kliknij w obszarze “Reguły”
- Kliknij “+” w prawym górnym rogu.
- Nazwij nową regułę jak ci pasuje
- Kliknij w obszarze “skonfiguruj regułę” i wybierz opcję “Zdarzenie niestandardowe”
- Wprowadź “^vimeo.*$” jako wyrażenie regEx dla nazwy zdarzenia. (bez cudzysłowu!!). Zatwierdź opcję “Użyj dopasowania do wyrażenia regularnego”
- Zapisz
ZAPISZ TAG.
Opublikuj zmiany:
- Kliknij “Przegląd” w prawym górnym rogu, aby sprawdzić swoje zmiany.
- Jeśli wszystko wygląda dobrze, kliknij “Opublikuj”.