Подмена текста с помощью 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 и использовать только как временную меру.
Комментарии:
Подробно о преимуществах и особенностях двух сервисов контекстной рекламы....
13 10 2026 1:36:25
Пошаговый чек-лист и описание действий SEO-специалиста на всех этапах переноса сайта на новую CMS....
12 10 2026 14:24:34
Netpeak Checker – это мультифункциональный инструмент для массового анализа и сравнения сайтов, который помогает выполнять самые разнообразные задачи в области интернет-маркетинга....
11 10 2026 21:15:37
Чем отличается протокол HTTPS от HTTP — криптошифрованием, обеспечивающим безопасность ресурса...
10 10 2026 3:40:39
Анализ цены за клик в 25 тематиках и 852 городах Украины, России, Казахстана, Болгарии...
09 10 2026 20:52:34
Алексей Селезнев проанализировал более 7 миллионов кликов и посчитал, во сколько обходятся рекламодателям клики по объявлениям в разных странах и тематиках....
08 10 2026 2:53:54
Чек-лист для РРС-специалистов. Всегда быстрее учиться на опыте других людей, а не набивать шишки самостоятельно. А также советы, как исправить рекламные кампании. Обо всем читайте в этой статье!...
07 10 2026 16:34:48
Много интересных фактов о работе мозга и новейших исследованиях социологии и психологии....
06 10 2026 12:14:31
Понятный алгоритм анализа поисковых запросов с экономией времени на чистку по специальному шаблону модерации...
05 10 2026 21:40:31
Хотите узнать, сколько стоит клик в вашей тематике? Как эффективно распределить рекламный бюджет? В этом исследовании я изучил, сколько стоил клик в Google Ads и Яндекс.Директ в Казахстане...
04 10 2026 0:50:43
Шпаргалка по размерам креативов для всех, кто запускает рекламу в соцсетях...
03 10 2026 8:34:30
Для эффективного ведения контекстной рекламы необходимо отслеживать продажи. Как сделать это с помощью Google Tag Manager расскажем в этой статье...
02 10 2026 14:20:25
Кейс — поисковое продвижение блога в нише юридических услуг. Как увеличить количество читателей из поисковых систем и трафик на страницы услуг....
01 10 2026 8:39:48
Это исследование для тех, кто хочет выяснить, эффективно ли работать с лидами, если им год и больше...
30 09 2026 7:41:59
Чем радовала, удивляла и шокировала таргетированная реклама в социальных сетях...
29 09 2026 2:50:58
Как автоматизировать рутину в Google Таблицах с помощью Google Apps Script...
28 09 2026 15:54:30
Как отслеживать эффективность мобильного приложения в онлайн-режиме....
27 09 2026 4:53:41
Об особенностях реализации интернет-проектов в Великобритании, России и Казахстане и фишках успешного ведения бизнеса онлайн мы побеседовали с Владимиром Меркушевым — руководителем интернет-проектов успешной казахстанской компании Kolesa.kz....
26 09 2026 7:25:18
Как увеличить количество транзакциий, сохранив прибыльность кампании в РСЯ?...
25 09 2026 20:53:46
Четкая структура полноценного письма с примерами из рассылок крупных компаний: Aviasales, LinguaLeo, Rozetka, Yves Rocher, Pich Shop, Эльдорадо и другие....
24 09 2026 0:19:39
Детальная инструкция по настройке рекламы мобильного приложения в Яндекс.Директ....
23 09 2026 12:53:56
Ликбез по важным понятиям, без которых нельзя начинать бизнес в интернете. Что такое домены второго и третьего уровня, чем они отличаются. Узнать больше!...
22 09 2026 23:42:49
Как работать с негативом и что делать, чтобы его было меньше/не было вовсе....
21 09 2026 11:49:48
Киев, Одесса, Харьков, Днепр и другие города — в офис и обратно IT-специалисты добираются от 10 минут до более чем полутора часа. В дороге они слушают музыку, подкасты, читают книги. Узнать больше!...
20 09 2026 21:47:28
Оживший бар. О том, как один украинский бренд за полтора месяца получил более 4 000 фанов!...
19 09 2026 16:19:57
Какие форматы видеорекламы логичнее купить для создания спроса на новую продукцию? Выясняем на примере кейса бренда Yves Rocher...
18 09 2026 2:43:46
Личный кабинет на сайте: что нового во внешнем виде, внутренностях и отчетах, функционале и юзабилити, автоматизации работы с оплатами, интернет-представительстве клиента и для специалистов. Узнайте больше!...
17 09 2026 10:32:54
Кейс SEO-продвижения в США: рост трафика сайта с помощью низкочастотных запросов....
16 09 2026 10:10:43
Как правильно мотивировать и демотивировать себя — теория и кейсы. Как бросить курить, начать бегать и наконец-то приступить к изучению английского. Читать!...
15 09 2026 20:38:14
Сделать «на вчера», «внезапно», протестировать все варианты. Стоп! Остановитесь и выдохните. Be slow...
14 09 2026 0:49:14
Кто ведет соцсети Netpeak и заказывает мерч для всего агентства...
13 09 2026 4:49:30
+ таблица с примерами использования каждой функции....
12 09 2026 6:26:16
Как операторы поисковых запросов Google помогают при продвижении сайта и анализе конкурентов....
11 09 2026 20:45:21
Работа с умными рекламными кампаниями с оплатой за конверсии в контекстно-медийной сети. Особенности настройки и оптимизации в кейсе продвижения недвижимости. Узнать больше!...
10 09 2026 9:55:24
Какой движок сайта стоит выбрать...
09 09 2026 23:52:12
Как преодолеть онлайн писательский ступор, разобраться с рутиной и освободить время для экспериментов...
08 09 2026 8:13:38
История свидания двух ботов как иллюстрация развития искусственного интеллекта...
07 09 2026 23:51:31
Краткая инструкция по поиску идеального кандидата, потому что (как видим) многим на рынке все еще сложно найти хорошего маркетолога. Да и понять, стоит ли вкладывать в сотрудника силы, время, средства с первой встречи достаточно сложно....
06 09 2026 2:48:31
Direct сделал подарок всем, кто уже давно хотел увеличить привлекательность своих объявлений — добавил возможность включения видеодополнений к текстово-графическим кампаниям. Как включить новую фишку от Директа и достаточно ли она эффективна?...
05 09 2026 2:19:57
После того, как мы разобрали виды мобильных версий сайтов, их плюсы и минусы — стоит поговорить о сервисах, которые облегчают аудит....
04 09 2026 12:10:12
Важно иметь прорывное мышление — о таком подходе к бизнесу написана книга Люка Уильмса «Переворот»....
03 09 2026 19:44:50
Facebook раскрывает алгоритм формирования новостной ленты...
02 09 2026 21:45:42
![[SEO настоящего] под микроскопом](/marketing-raw/img/223.php.jpg "[SEO настоящего] под микроскопом")
[SEO 2.0] — это продукт для бизнеса от Netpeak, он включает в себя принципиально новый подход к продвижению сайтов....
01 09 2026 23:23:42
Как работают SEO-специалисты, что нужно знать о принципах работы алгоритмов Гугл, как продвигать мобильные приложения и каким образом может монетизироваться Телеграм. Узнать больше!...
31 08 2026 12:23:40
Визуализация данных для новичков. Отвечаем на вопрос читателя....
30 08 2026 10:24:45
Всем, кто собирается перейти на Single Page Application, но переживает, что они поссорятся с поисковыми системами. Правильно переживаете!...
29 08 2026 13:59:18
Правила преобразования фидов в Google Merchant Center помогут сегментировать товары и сделать вашу рекламу более эффективной...
28 08 2026 6:22:14
Facebook buttons. Пора поделиться самым волнующим вопросом 2011-го года...
27 08 2026 2:40:39
Как зарегистрироваться и пользоваться аккаунтом в Google Business Profile: руководство для интернет-маркетологов и владельцев бизнеса...
26 08 2026 10:48:23
Повышаем узнаваемость бренда с помощью медийной кампании, а затем отслеживаем результат по запуску поисковой кампании с брендовыми запросами...
25 08 2026 11:16:34
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::
