Подмена текста с помощью GTM — как быстро изменить контент на сайте
Иногда необходимо быстро внести изменения в текст на сайте, но сделать это через CMS невозможно. Нет доступа к админ-панели или не получается «достучаться» до программиста. А вам вот уже сейчас нужно рассказать клиентам на своем лендинге, что в рекламной кампании изменились условия. Например, цена или локация. Вероятнее всего, перед запуском рекламы вы подключили отслеживание Google аналитики через GTM (это было бы самым верным решением). В таком случае изменить текстовый контент можно с помощью Custom HTML тега Google Tag Manager.
Временное решение
Сразу отмечу, внедрение таких изменений через GTM — не лучшее решение и, скорее, временное.
GTM базируется на JavaScript. Механизмы индексации контента, внедренного с его помощью, не совсем понятны. JS индексируется исключительно в Google, а вот Яндекс индексировать такой контент не сможет.
Да и в Google, если использовать динамическую подмену с помощью GTM, страницы попросту могут не успевать пройти переиндексацию или не будут индексироваться вовсе.
Чтобы понять, почему так происходит, сравните процесс сканирования HTML и JavaScript сайтов:
HTML-сайты | Сайты на основе JavaScript |
|
|
Анализ, компиляция и запуск файлов JavaScript отнимают очень много времени — как для пользователей, так и для Google.
Когда сайт небольшой, шансов на индексацию больше, так как обработка и рендеринг займет меньше времени.
Если контент нужно поменять быстро и ненадолго, предлагаю вам следующий алгоритм.
Подмена текста с помощью Google Tag Manager
Скажем, есть сайт музыкальных инструментов. На одной из страниц нужно поменять описание в разделе «Акустические гитары».
Для начала откройте панель разработчика на вкладке Elements и выберите элемент интересующего вас текста.
Дальше скопируйте путь к тексту, выбрав «селектор CSS» или «путь JS». Лучше выбирать второй вариант, так как он сформирован сразу с query запросом. Он вам пригодится.
У меня получилось следующее:
document.querySelector(\"#categoryLinksSuggestions > p:nth-child(5)\")Этот путь понадобится для пользовательского тега.
Прежде чем добавлять путь JS в GTM, желательно сразу проверить, нужный ли текст выдает запрос. В данном примере все очевидно, но бывают случаи, когда в выбранном коде заключено много элементов, и какие-то могут быть лишними или наоборот лежать в дочерних элементах.
Проверить текст можно, прописав во вкладке Console тот же путь и добавив метод запроса .innerText. Он позволяет получить данные, записанные в найденном элементе.
Если вы скопировали не «JS путь», а «селектор CSS», у вас получится путь без запроса query:
#categoryLinksSuggestions > p:nth-child(5)Тогда для проверки в консоли, его необходимо дополнить:
document.querySelector(\"#categoryLinksSuggestions > p:nth-child(5)\").innerTextВ скобках укажите, что хотите заменить, и через запятую новый текст. В моем случае это:
document.querySelector(\"#categoryLinksSuggestions > p:nth-child(5)\").textContent.replace(\\\'Гитара — один среди наиболее популярных музыкальных струнных инструментов. \\\',\\\'ЗАМЕНА ПЕРВОГО ПРЕДЛОЖЕНИЯ.\\\')Вид на странице:
Если все верно, вы сможете увидеть текст с подмененным значением:
Также в Console можно проверить замену текста с помощью запроса .textContent.replace. Этот метод запроса в данном примере не играет важную роль, но его стоит запомнить. Ведь при активной работе с GTM он может стать очень полезным.
Дальше нужно зайти в Google Tag Manager и создать новый тег Custom HTML.
Написать скрипт на замену текста.
<script> |
Вот что я сделал:
- объявил функцию JavaScript — комбинация «function()»;
- var replacementText — объявил переменную на замену текста;
- переменной var replacementText присвоил “НАШ НОВЫЙ ТЕКСТ”;
- в свойстве textContent указал JS путь и запрос на замену текстового контента.
В моем примере выглядит вот так:
Вид в интерфейсе:
Дальше необходимо настроить триггер и указать адрес страницы, где будет происходить замена.
Для этого нужен триггер загрузки страницы.
Я выбрал триггер DOM Ready, поскольку создаваемый пользовательский тег взаимодействует со структурой DOM после ее загрузки.
Вы также можете выбрать триггер Page View. Но он может сработать некорректно, все зависит от скорости формирования первичной загрузки сайта. И возможна ситуация, что вы будете пытаться задействовать элемент страницы, который еще не загрузился.
Поскольку нужно заменить текст только на одной странице, выбирайте «Некоторые элементы DOM готовы» и указывайте необходимый адрес страницы.
Сохраните и проверьте.
Для этого выберите Preview (Предварительный просмотр) и смотрите отработку триггера. Если все правильно, сохраните и наблюдайте изменения на сайте.
Это далеко не единственный способ подменять контент на сайте с помощью GTM, но достаточно простой и действенный. По этому принципу можно заменять любые текстовые элементы страницы.
Запомнить
Подмена текста с помощью Custom HTML тега Google Tag Manager даст вам возможность оперативно и самостоятельно внести небольшие изменения в контент на сайте.
Для этого нужно:
- использовать вкладку Elements в панели разработчика;
- выбрать нужный элемент текста и скопировать путь к нему с «селектор CSS»/«путь JS» (главное получить в итоге путь с запросом query) ;
- создать новый тег Custom HTML в GTM и написать скрипт на замену текста;
- настроить триггер и указать адрес страницы, где будет происходить замена.
При такой подмене страницы с изменениями могут не индексироваться. Поэтому прибегать к этому методу стоит, если нет возможности внести изменения через CMS и использовать только как временную меру.
Комментарии:
Как узнать особенности бизнеса в нише и что позаимствовать у конкурентов для SEO...
23 07 2026 16:57:13
Как METRO Cash & Carry Украина нашла индивидуальный подход к 1 000 000 клиентов....
22 07 2026 3:33:46
ПриватБанк, АТБ и ДТЭК — эти бренды уже создали свои образовательные центры. Узнайте больше о том, как компании обучают своих сотрудников у нас и за рубежом. Читать дальше!...
21 07 2026 12:11:58
Короткий кейс и рекомендации по защите аккаунта от взлома....
20 07 2026 11:27:31
Правила, законы, платное и бесплатное продвижение в Telegram...
19 07 2026 22:35:12
Рассказываем, как обменять свои деньги на действительно полезные знания....
18 07 2026 22:50:48
Мы хотим найти и купить локальную комaнду SEO или PPC-специалистов. Как обычно, делаем предложение нестандартно — в блоге...
17 07 2026 8:16:10
Вести бизнес в интернете с помощью развлекательного сайта, СМИ, узкоспециализированного портала вполне реально. Правда, нужно знать, как на них заpaбатывать....
16 07 2026 19:34:45
Как изменилось агентство Netpeak c августа по октябрь? Читайте о семи главных нововведениях и улучшениях в работе с клиентами....
15 07 2026 10:53:24
Как и зачем мигрировать со старой на новую версию API на языке R. С пакета RAdwords на rgoogleads. Руководство от Алексея Селезнева. Читать дальше!...
14 07 2026 10:51:58
Бренду нужно зайти на Фейсбук? Несколько очень полезных советов об измерении эффективности SMM....
13 07 2026 6:25:25
Как преодолеть онлайн писательский ступор, разобраться с рутиной и освободить время для экспериментов...
12 07 2026 21:53:51
Как узнать, хорошую ли статью вы опубликовали в блоге...
11 07 2026 23:38:59
Владельцы айфонов в странах арабского мира легче расстаются с деньгами за приложения. Вот почему арабская локаль в App Store так привлекательна...
10 07 2026 23:41:42
Откуда берутся установки и стоит ли тратить деньги на покупку мотивов...
09 07 2026 4:51:14
Блиц-инструкция и рекомендации по созданию эффективных описаний для мобильных приложений...
08 07 2026 2:43:50
Пост по мотивам видео Мэтта Каттса из Google. Из первых рук, как говорится....
07 07 2026 10:41:28
Как специалисту оптимизировать рабочее время, качественно развивать проекты и меньше нервничать...
06 07 2026 8:44:21
Стоит ли платить за рекламную кампанию «Медийно-контекстный баннер на поиске»?...
05 07 2026 6:55:55
Настраиваем автоматическое получение отчетов по потерянным конверсиям для оптимизации рекламных кампаний....
04 07 2026 18:15:10
Инструкция для новичков: как быстро отправить почтовую рассылку клиентам...
03 07 2026 3:51:49
А ещё у нас появилась новая стратегия SEO-продвижения для ниши доставки еды и продуктов....
02 07 2026 15:14:53
Привыкли к недосыпу и жизни «на кофе»? Вы, конечно же, понимаете, что это не дело. Но осознаете ли насколько? Если нет, почитайте....
01 07 2026 13:22:38
Пост постоянно обновляется актуальными данными о размерах картинок...
30 06 2026 7:25:50
Отныне мы можем настраивать показы рекламы на мужчин и женщин определенной возрастной группы....
29 06 2026 18:18:55
По-настоящему работающих идей не так много, поэтому не стоит бояться творчески заимствовать лучшие наработки и адаптировать их....
28 06 2026 12:58:14
То, как вы читаете на мониторе или в смартфоне, значительно отличается от чтения книги или печатного журнала. Когда вы пишете текст для веба, очень важно знать об этой особенности....
27 06 2026 23:11:54
Грамотная аналитика в мире мобильных приложений, как и в целом в маркетинге — единственный путь к окупаемости продукта и выходу в высшую лигу брендов...
26 06 2026 3:20:50
Узнать, как управлять репутацией в сети для молодой компании, можно в статье Netpeak Journal: что такое репутация, как формируется образ бренда и что нужно делать для получения положительных отзывов....
25 06 2026 8:38:21
Страховка, медицина, корпоративы, английский и оплата спортзала — знакомые плюшки IT-компаний. В этом материале читайте про редкие и необычные бонусы, которые предоставляются в некоторых IT-компаниях Украины....
24 06 2026 22:15:35
Руководство по переносу кампаний в новый аккаунт Рекламы...
23 06 2026 7:48:59
Узнаем расширенную информацию о посещениях сайта с помощью языка R — кейс Netpeak...
22 06 2026 16:26:57
Что делать перед составлением рекламного бюджета — инструкция для предпринимателей...
21 06 2026 23:14:55
Отличный способ мотивации, который мы попробовали и вам рекомендуем....
20 06 2026 2:42:32
И научиться делать свою рекламу прибыльной. Читайте про типы автостратегий и способы их оптимизации....
19 06 2026 4:18:30
Счетчик Яндекс.Метрики: создание и установка кода, важные настройки....
18 06 2026 17:27:24
О том, как рассчитать коэффициент ROI (ROMI) для выявления эффективности и прибыльности рекламных кампаний...
17 06 2026 0:37:28
Мы попросили спикеров ответить на острые для многих онлайн-проектов вопросы о развитии мобайла как канала, программатике и строительстве инхаус комaнд...
16 06 2026 3:15:46
Список инструментов email-маркетолога для рассылок по англоязычной аудитории....
15 06 2026 17:39:50
Лучшие фишки от спикеров конференции 8P 2020. В конце каждой конференции спикеры 8P собираются за круглым столом, чтобы поделиться пpaктически применимыми советами, которые можно внедрить в свой проект и сразу почувствовать отдачу...
14 06 2026 11:37:31
Комaнда Serpstat провела исследование среди интернет-маркетологов и создала виджет, который рассчитывает среднюю зарплату на основе опыта, навыков и знаний специалистов. Что из этого получилось, читаем в статье....
13 06 2026 9:39:28
После нехитрых манипуляций с текстом вторая строка оказывается в заголовке....
12 06 2026 23:33:45
Полем битвы стала тематика кроваток, игрушек и прочих детских товаров, основным оружием в бою — контекстная реклама....
11 06 2026 0:21:58
Правильная постановка целей, задач и дедлайна — основа успешной работы...
10 06 2026 5:10:12
Программа покорения онлайн мира мобайла — самому и с ограниченными средствами на маркетинг...
09 06 2026 4:32:27
Как Blizzard реализует тимбилдинг, мотивирует сотрудников и превращает офис в музей...
08 06 2026 14:55:52
Подробное руководство по настройке отслеживания событий в GA4...
07 06 2026 2:37:22
Составим его вместе...
06 06 2026 5:58:57
Как настроить Google ***ytics и как открыть вход другому пользователю: подробный урок....
05 06 2026 9:39:57
Личный кабинет на сайте: что нового во внешнем виде, внутренностях и отчетах, функционале и юзабилити, автоматизации работы с оплатами, интернет-представительстве клиента и для специалистов. Узнайте больше!...
04 06 2026 6:44:42
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::
