Jak zainstalować widżet dostępności z użyciem Google Tag Manager

Krok 1: Rejestracja witryny i uzyskanie tokenu

Jeżeli instalujesz wtyczkę po raz pierwszy, zarejestruj się (otwiera nową kartę) za pomocą Google, Facebook, GitHub lub własnego adresu e-mail i hasła.

Po założeniu konta przejdź do zakładki „Moje strony”, a następnie kliknij przycisk „Dodaj stronę” (otwiera nową kartę).

W formularzu dodawania nowej strony podaj adresy stron internetowych, na których chcesz zastosować token. Jeśli Twoja strona działa np. na domenie example.com oraz www.example.com, dodaj oba adresy. Więcej na ten temat w dokumentacji (otwiera nową kartę).

Na koniec kliknij przycisk „Zapisz” i skopiuj wygenerowany token z pola „Twój token”.

Krok 2: Dodawanie widżetu DockWCAG z użyciem GTM

1. Zaloguj się do Google Tag Manager

Wejdź na stronę https://tagmanager.google.com/ i wybierz odpowiedni kontener dla swojej strony.

---

2. Dodaj nowy tag

Kliknij przycisk "Dodaj nowy tag".

---

3. Wybierz typ tagu – HTML niestandardowy

1. Nadaj tagowi nazwę, np. DockWCAG - Widget.

2. Kliknij w pole "Konfiguracja tagu" i wybierz "Niestandardowy kod HTML".

---

4. Wklej kod widgetu

W pole edycji HTML wklej poniższy kod i zastąp _TOKEN_ swoim unikalnym tokenem, który został wygenerowany w poprzednim kroku:

<script>
    (function (d, s, t) {
        var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s);
        j.async = true;
        j.src = '//dockaccess.org/accessibility/' + t + '/start.js';
        f.parentNode.insertBefore(j, f);
    })(document, 'script', '_TOKEN_');
</script>
Skopiuj tekst

5. Ustaw regułę uruchamiania

Kliknij pole "Reguły" i wybierz regułę „All Pages” (Wszystkie strony), aby widget ładował się na każdej podstronie.

---

6. Zapisz i opublikuj

Kliknij „Zapisz”, a następnie „Prześlij” i „Opublikuj”, aby opublikować zmiany w GTM.

Krok 3: Podgląd witryny

Po dodaniu skryptu, przetestuj swoją stronę, aby upewnić się, że widżet jest prawidłowo zainstalowany i działa zgodnie z oczekiwaniami. Sprawdź wszystkie funkcje widżetu, aby zweryfikować, że instalacja przebiegła pomyślnie.