How to install the accessibility widget using Google Tag Manager

(opens in a new tab)Step 1: Register your site and obtain a token

If you are installing the plugin for the first time, register (opens in a new tab) using Google, Facebook or use your own email address and password. After creating an account, go to the “My Sites” tab, and then click the button “Add new” (opens in a new tab). In the form for adding a new page, enter the addresses of the websites where you want to apply the token. If your site runs on a domain such as example .com and e.g. www. example.com then it is necessary to add both addresses. Read more about this in the documentation (opens in a new tab). Finally, click the "Save" button and copy the generated token.

Step 2: Adding the DockWCAG widget using GTM

1. Log in to Google Tag Manager

Go to https://tagmanager.google.com/ and select the appropriate container for your website.

(opens in a new tab)

---

2. Add a new tag

Click the “Add new tag” button.

(opens in a new tab)

---

3. Select the tag type – Custom HTML

1. Give the tag a name, e.g. DockWCAG - Widget.

2. Click on the “Tag configuration” field and select “Custom HTML code.”

(opens in a new tab)

---

4. Paste the widget code

Paste the following code into the HTML editing field and replace _TOKEN_ with your unique token generated in the previous step:

<script>
    (function (d, s, t) {
        var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s);
        j.async = true;
        j.src = '//wcag.dock.codes/accessibility/' + t + '/start.js';
        f.parentNode.insertBefore(j, f);
    })(document, 'script', '<strong>_TOKEN_</strong>');
</script>
Copy text

(opens in a new tab)

5. Set the startup trigger

Click on the “Triggering” field and select the “All Pages” rule so that the widget loads on every subpage.

(opens in a new tab)

---

6. Save and publish

Click “Save,” then ‘Submit’ and “Publish” to publish your changes to GTM.

(opens in a new tab)

Step 3: Preview the site

After adding the script, test your site to make sure the widget is properly installed and works as expected. Check all the widget’s functions to verify that the installation was successful.