Instalacja widżetu dostępności z użyciem Google Tag Manager

Google tag managerKrok 1: Rejestracja witryny i uzyskanie tokenu

Jeżeli instalujesz wtyczkę po raz pierwszy, zarejestruj się za pomocą Google, Facebooka lub użyj własnego adresu e-mail i hasła. Formularz rejestracji Po założeniu konta przejdź do zakładki "Moje strony", a następnie kliknij przycisk "Dodaj nową". wcag my sites W formularzu dodawania nowego strony podaj adresy stron internetowych, na których chcesz zastosować token. Jeśli twoja strona działa na domenie np. example.com i np. www.example.com to konieczne jest dodanie obu adresów. Więcej na ten temat w dokumentacji. Na koniec kliknij przycisk "Zapisz" i skopiuj wygenerowany token. wcag token copy

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.

GTM - wybór kontenera


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”.

GTM - niestandardowy 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),
            a = new Date().getTime();
        j.async = true;
        j.src = '//wcag.dock.codes/accessibility/' + t + '/start.js?t=' + a;
        f.parentNode.insertBefore(j, f);
    })(document, 'script', '_TOKEN_');
</script>

GTM - wstawianie kodu widgetu


5. Ustaw regułę uruchamiania

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

GTM - reguła - all pages


6. Zapisz i opublikuj

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

GTM - publikacja zmian

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.

 

Przegląd prywatności

Ta strona korzysta z ciasteczek, aby zapewnić Ci najlepszą możliwą obsługę. Informacje o ciasteczkach są przechowywane w przeglądarce i wykonują funkcje takie jak rozpoznawanie Cię po powrocie na naszą stronę internetową i pomaganie naszemu zespołowi w zrozumieniu, które sekcje witryny są dla Ciebie najbardziej interesujące i przydatne.