Эта статья была спонсирована Tealium . Спасибо за поддержку спонсоров, которые делают возможным SitePoint!
Вы знаете все эти инструменты цифрового маркетинга, которые позволяют вам отслеживать свой трафик, проводить A / B-тесты и выполнять множество других критически важных услуг? Все они имеют фрагменты кода, называемые «тегами», каждая из которых загружается со своего собственного сервера.
Эти теги могут не только увеличить время загрузки вашего сайта, но и управлять десятками этих тегов. Кроме того, каждый из этих тегов должен быть реализован разработчиком, который, вероятно, уже перегружен.
Раньше отдельные теги были только частью сделки. Теперь, однако, есть лучший вариант: управление тегами становится все более популярным у маркетологов. Это позволяет им реализовывать теги самостоятельно, без необходимости привлекать разработчика в любое время, когда они хотят попробовать что-то новое. Управление тегами также может сократить время загрузки страницы, что часто оказывает положительное влияние на бизнес-показатели .
В этой статье я расскажу, как управление тегами может помочь вам в повседневной работе и как вы можете извлечь из этого пользу. Давайте начнем с более внимательного изучения тегов.
Что такое теги?
Теги — это скорее термин маркетолога — разработчики, вероятно, знают их как фрагменты кода. Как бы вы их ни называли, это маленькие кусочки кода, которые нужно добавить на свой сайт, чтобы использовать целый ряд инструментов.
Все еще немного расплывчато? Позвольте привести несколько примеров. Google Analytics использует тег на вашем сайте для отслеживания поведения посетителей. В рекламном мире Google Adwords и AdRoll используют теги для измерения конверсий. Запускать A / B-тестирование ваших страниц с помощью Optimizely? Есть еще один тег.
Facebook является королем тегов, так как он использует разные фрагменты кода для отслеживания конверсий, повторного таргетинга, лайков, акций и многого другого. Видите, как это быстро складывается?
Теги полностью вниз
Tealium , лидер на рынке управления тегами, обнаружил, что на среднем сайте используются потрясающие 15-50 тегов. Каждый тег должен быть загружен независимо. Это должно вызвать проблемы.
Поначалу 15-50 тегов на вашем сайте могут показаться слишком сложными. Это в основном означает, что вы используете 15-50 различных услуг. Это складывается быстро, хотя.
Для анализа посетителей вы, вероятно, используете Google Analytics с 1 или 2 дополнительными инструментами для специализированного отслеживания. Здесь вы можете вспомнить инструмент отслеживания электронной торговли, такой как KISSMetrics или Parsely, если вы издатель. Нередко запускать 2 инструмента для одной и той же цели, поскольку каждый из этих инструментов обладает уникальными функциями, и вы не хотите, чтобы ваш бизнес полагался только на один.
Скорее всего, у вас работает 1 или 2 A / B-средства тестирования, такие как Optimizely и Visual Website Optimizer. Отслеживание тепловой карты с помощью CrazyEgg и ClickTale. Ретаргетинг с Adwords и AdRoll. Распространение контента с помощью Taboola и Outbrain.
И еще есть управление рекламой, где вы можете иметь разные зоны с разными провайдерами. Поэтому вам понадобится ваш код DoubleClick, Criteo, Atlas, BuySellAds, SiteScout и т. Д.
У нас уже 16 меток, и ничего необычного. Я думаю, вы поняли, что вы легко связаны десятками тегов. Несмотря на то, что они, вероятно, настолько оптимизированы, насколько это возможно, это все же много тегов.
Интересно, что происходит с вашим сайтом, когда вы получаете 50 или даже 100 таких тегов на вашем сайте?
Ну, это выглядит так. То, что вы видите здесь, составляет всего около 15% от общего количества загруженных внешних скриптов.
Теперь давайте посмотрим на оценки, а также время загрузки и общее количество загруженных запросов.
Можно с уверенностью сказать, что слишком большое количество независимо загруженных тегов вызывает медленную загрузку сайтов, неэффективное использование инструментов вендоров, раздражительных разработчиков и разочарованных пользователей.
И это только производительность. Как насчет изменения этих тегов? Что если вы хотите обновить свои теги новыми рекламными кампаниями, списками таргетинга или сплит-тестированием разных страниц?
Это будет стоить вам много денег и еще больше терпения, потому что большинство изменений могут быть выполнены только вашими перегруженными разработчиками. Вы, вероятно, не единственный, кто хочет вносить изменения в сайт. Что если Маркетинг захочет попробовать несколько разных оверлеев для увеличения продаж? Или продажи настаивают на изменении макета для улучшения перекрестных продаж? Вам будет трудно утверждать, что ваши изменения являются приоритетом, даже если они имеют большой потенциал в долгосрочной перспективе.
Это означает, что вам просто нужно подождать, пока команда разработчиков найдет время для внесения изменений, или чтобы ваш запрос прошел через конвейер, от спецификации до тестирования на работающем сайте.
Решение? Управление тегами!
Теперь вы видите проблему с тегами, работающими в дикой природе, поэтому давайте посмотрим на решение. Вот тут-то и начинается управление тегами. Эффективный инструмент управления тегами требует, чтобы в код вашего сайта был включен только один тег. Остальные ваши теги добавляются в раздел управления инструментом.
После реализации управления тегами вы можете:
- Легко добавлять, изменять или удалять теги, не касаясь сайта.
- Увеличьте время загрузки, полагаясь только на одного поставщика.
- Возьмите свою команду разработчиков на кофе вместо того, чтобы наблюдать за быстрым эспрессо между двумя маленькими задачами.
Ранее я упоминал Tealium , так как они являются лидерами в области решений для управления тегами. Tealium имеет идеальный инструмент для управления тегами, который называется Tealium IQ. Он имеет некоторые дополнительные функции поверх обычного управления тегами:
-
Управление тегами в реальном времени позволяет настроить теги в течение нескольких минут.
-
Защитите конфиденциальность ваших посетителей и клиентов, позволив им решить, какие теги не должны загружаться.
-
Несколько премиальных сетей распространения контента, чтобы убедиться, что ваши теги загружены на 100%.
-
Используйте сканирование сайта, чтобы убедиться, что все теги загружены правильно.
-
Соберите необработанные данные о ваших посетителях для использования в будущих кампаниях.
-
Четкие инструкции о том, как добавлять новые теги, исключают риск испортить код.
-
У Tealium IQ есть 700+ тегов на их Торговой площадке, на которые вы можете выбрать.
Tealium годами занимается управлением тегами, но признает, что вы этого не сделали . Мне очень понравился их подход к поддержке: достаточно документации, четко написанной и организованной логически. Если этого недостаточно, они предлагают учебные курсы в рамках своей программы Tealium University с несколькими мероприятиями по всей территории США. Здорово, когда компания прилагает столько усилий, чтобы обеспечить максимальный потенциал своего продукта.
Время играть
Без управления тегами может пройти довольно много времени, прежде чем вы начнете играть с новым классным приложением.
Во-первых, вам необходимо выяснить, как реализован этот инструмент. Затем вам нужно найти нужные фрагменты кода для отправки разработчику вашей команды и указать, где и как их включать. После этого начинается борьба за приоритет. И как только вы, наконец, поставите его в очередь в очереди разработки, начинается ожидание, за которым последует большое количество тестов, как только оно будет реализовано. После того, как вы прошли через все это, вам нужно снова взбодриться, чтобы начать использовать инструмент — и после всего этого, будем надеяться, это стоило ожидания!
Теперь давайте посмотрим, как легко добавить новый тег в Tealium IQ, и как быстро вы можете изменить его впоследствии. Я покажу вам это с помощью Optimizely, хорошо известного инструмента A / B-тестирования.
A / B-тестирование — прекрасный пример того, почему вам может понадобиться редактировать ваш сайт быстро и часто, основываясь на данных в реальном времени.
Optimizely рекомендует добавлять их тег на все страницы вашего сайта, чтобы он всегда загружался при выполнении проектов. Это также означает, что код загружается, когда для этой страницы не запущен проект. Лучше избегать загрузки бесполезного кода, но большинство поставщиков все же советуют вам делать это.
Не с Tealium IQ. Вы просто выбираете страницы, на которые хотите загрузить код, и отключаете его, когда закончите. Посмотрим, как это легко.
Сначала зайдите на Tealium.com , у которого есть бесплатная 30-дневная пробная версия .
Когда вы зарегистрируетесь, перейдите в раздел «Теги». Здесь вы найдете маленькую зеленую кнопку под названием «Добавить тег». Здесь начинается магия. Выполните поиск по Optimizely и нажмите «Добавить».
Введите заголовок для тега и идентификатор проекта. Затем нажмите «Далее», чтобы указать, какая страница кода должна быть включена.
В этом случае я решаю включить код только в корзину. Нажмите «Далее» еще раз.
Сопоставление данных обеспечивает очень точный таргетинг, но пока мы это пропустим. Просто нажмите «Готово» и все готово.
Вот и все, вы успешно добавили тег Optimizely на страницу своей корзины за одну минуту.
Если вы закончили добавление тегов, вы можете выбрать кнопку «Сохранить / Опубликовать» в верхнем правом углу, чтобы развернуть ее на своем сайте разработки или производства.
Вы можете добавить столько тегов, сколько хотите, и код на самом сайте остается прежним. Поэтому, если вы хотите запускать разные тесты на разных страницах, просто добавьте новые теги и выберите соответствующие страницы.
Вот что порадует вашу команду разработчиков: Google недавно решил обновить свой код отслеживания для Google Analytics. Их новый код называется Universal Analytics.
Как я писал в этой статье об обновлении , большинство сайтов имеют свой код Google Analytics, реализованный на самом сайте. Обновление может быть настоящим кошмаром.
Не с Tealium. Просто замените старый тег новым, и все готово. Если вы хотите сделать день своей команды разработчиков, скажите им, что им не придется отслеживать коды Google Analytics по всему вашему сайту, и они будут покупать вам кофе!
Это так просто для большинства поставщиков. Просто представьте, как это здорово, когда вы сталкиваетесь с новым инструментом, который вы можете использовать, и вы можете сразу же взять его на тест-драйв.
Разработчикам это тоже понравится
Если вам нужно больше боеприпасов, чтобы убедить команду разработчиков реализовать управление тегами, как насчет этого? Они могут взять теги, которые в данный момент работают на сайте, и управлять ими с помощью Tealium в будущем. Это означает, что им больше не нужно отслеживать обновления кода — все это может быть обработано через Tealium. Это само по себе экономит время.
Разработчики также получат те же преимущества, что и нетехнический персонал, когда дело доходит до настройки новых инструментов. Поскольку все они стандартизированы, они могут быть уверены, что любой новый инструмент реализован правильно, поэтому им не придется сначала просматривать страницы документации. Еще одна экономия времени!
Вывод
Управление тегами действительно мечта маркетолога. Это обеспечивает большую гибкость и существенно улучшает время внедрения и сокращает время загрузки. А с Tealium у вас есть отличный инструмент для вас и вашей команды разработчиков, чтобы перейти к более важным аргументам — например, чья очередь за столом для пинг-понга.