Способ установки атрибута данных или класса в выводе диспетчера тегов?

#javascript #google-tag-manager

Вопрос:

У меня есть Google Analytics, загруженный через менеджер тегов Google.

Результат выглядит следующим образом:

 <script type="text/plain" async src="https://www.google-analytics.com/analytics.js"></script>
 

Можно ли каким-либо образом установить атрибут данных HTML или класс css для этого вывода в диспетчере тегов? Например:

 <script data-unblock class="unblock" type="text/plain" async src="https://www.google-analytics.com/analytics.js"></script>
 

Контекст для этого связан с автоматической блокировкой файлов cookie сценариев. Мое решение для файлов cookie позволяет разблокировать сценарии на основе атрибута данных или класса css.

Ответ №1:

Конечно, можешь. У вас есть возможность выполнять пользовательские JS в GTM, следовательно, находить любой тег и добавлять к нему любой атрибут данных.

Вам просто нужно выполнить пользовательский HTML-тег в pageload, добавив встроенный скрипт

Здесь этот код добавит ваш атрибут разблокировки данных:

 document.querySelector("script[src^='https://www.google-analytics.com']").setAttribute('data-unblock', ""); 

И этот добавит класс, если он вам понравится больше:

 document.querySelector("script[src^='https://www.google-analytics.com']").setAttribute('class', "unblock") 

Вы можете протестировать и то, и другое прямо здесь, на stackoverflow.

Комментарии:

1. Блестяще — большое спасибо. Это прекрасно работает.