Подмена текста с помощью 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 и использовать только как временную меру.
Комментарии:
Настройка аналитики для пустого поиска, а также поиска по методам GET и POST...
17 04 2026 13:41:41
Это исследование для тех, кто хочет выяснить, эффективно ли работать с лидами, если им год и больше...
16 04 2026 16:50:59
Отличный способ мотивации, который мы попробовали и вам рекомендуем....
15 04 2026 7:55:23
Свежесть и актуальность контента — главные уроки из Google December 2020 Core Update. Почему — читайте в статье....
14 04 2026 12:41:12
Мария Гoлyб устала отвечать на вопрос «Какие преимущества PPC-отдела в Netpeak?» и решила написать об этом пост....
13 04 2026 18:55:33
Новый способ автоматизации процессов при настройке аналитики больших объемов данных....
12 04 2026 8:54:50
Собирательный опыт сотрудников Netpeak. Мы изучали много всего в стиле «купить парковку в аэропорту Гатвика в Лондоне» и тому подобное. Но все, кроме описанного ниже, показалось сложным и ненадежным. Поэтому рассказываем про спокойные варианты....
11 04 2026 12:15:34
Не только netpeak spider. Главные детали о новой версии инструмента Netpeak Checker 3.0: парсер гугла, массовый анализ сайтов, антибан-алгоритм для прокси, шаблоны параметров и фильтров...
10 04 2026 4:41:22
Чем работа веб-студий отличается от конструкторов сайтов, как выбрать веб-студию и пять базовых понятий, которые должен знать каждый, кто решил создать сайт....
09 04 2026 18:48:27
В Казнете о маркетплейсе подрядчиков Naimi.kzприложении говорят все: от студентов до президента....
08 04 2026 2:41:23
Тест, который проходят все соискатели. Никому не показывайте!...
07 04 2026 19:19:19
Словарь, которым пользуются SEO-специалисты агентства Netpeak...
06 04 2026 7:22:56
Рассказываем о приемах, которые помогут вам заинтересовать читателей рассылки....
05 04 2026 3:22:32
Расскажу, как подобрать картинку на рабочий стол объявления в Рекламной сети Яндекса, и приведу небольшой кейс о том, как это делали мы для агентства путешествий...
04 04 2026 17:17:30
Охват и средняя цена за клик в самых популярных тематиках....
03 04 2026 2:15:51
Аромамаркетинг. Почему В Нью-Йоркских магазинах Samsung пахнет медовой дыней, в British Airways — луговыми травами. Что мы знаем о восприятии нами сенсорной информации, а конкретно — ароматов. Читать дальше!...
02 04 2026 11:22:29
Как с помощью ботов ControllerBot и BotFather упростить управление каналами и разнообразить контент....
01 04 2026 16:22:28
Что, если бы покупка в супермаркете происходила так же, как в онлайн-магазине?...
31 03 2026 13:56:28
Как настроить отправку писем с помощью языка R и как избежать подводных камней....
30 03 2026 21:16:35
Как мы продвигали бизнес-страницы OLX с помощью рекламы в Facebook, TikTok и Viber....
29 03 2026 20:14:21
Особенности продвижения локального офлайн-бизнеса...
28 03 2026 10:36:54
Чтобы увеличить количество заявок и получить волну новых заказов, нужен комплексный подход...
27 03 2026 17:38:21
О том, какие результаты дает эта технология, рассказал Александр Иванов, Head of Product в ЛУН.ua в рамках прошлогодней самой летней конференции 8P. Читайте, как его комaнде удалось разогнать загрузку страниц сервиса Flatfy до 0,2 секунды...
26 03 2026 20:16:29
Бренды поделились инсайтами на ДиВи Конф — фишки от MEGOGO, Google, TikTok, Banda, McCann, I am IDEA, AIR Brands, Rocket и Фокстрот...
25 03 2026 11:43:31
Обсуждаем, как попробовать инфлюенсер-маркетинг без особого бюджета...
24 03 2026 18:25:37
Словосочетания и аббревиатуры, которыми пользуются на рынке игрового маркетинга....
23 03 2026 10:38:10
Как регулярно мониторить перспективные товары, по которым можно запускать контекстную рекламу...
22 03 2026 19:52:19
Правильная внутренняя перелинковка необходима, чтобы страницы не вылетали из индекса, а также чтобы увеличить ссылочный вес продвигаемых страниц...
21 03 2026 10:22:24
Direct way. Как вложить 200 у.е. и получить 800 у.е....
20 03 2026 8:28:18
Эффективность продвинутой сегментации стала заметна уже в первый месяц ее функционирования....
19 03 2026 2:10:38
2013, 2014, 2015 — годы, когда конференция 8p радовала все сео-сообщество СНГ. Прошла она и в 2016 году. Мы собрали лучшие советы интернет-магазинам от экспертов и участников круглого стола на конференции 8P 2016....
18 03 2026 7:22:27
Данные из контента страницы и основного заголовка h1 вместо метатега title. Что показало исследование Serpstat....
17 03 2026 13:55:55
Как специалисту оптимизировать рабочее время, качественно развивать проекты и меньше нервничать...
16 03 2026 0:38:43
У каждого сайта в топе есть страница, о существовании которой знают только роботы и... SEO-специалисты. Это robots.txt или индексный файл....
15 03 2026 17:58:39
Как настроить эффективную удаленную работу: комментарии топ-менеджмента Netpeak с плюсами и минусами, личными инсайтами и рекомендациями. А также перспективы развития удаленки в комапнии. Читать дальше!...
14 03 2026 4:19:49
Satel является одним из топовых игроков онлайн-маркета, но на старте интернет в качестве канала продаж не рассматривался. Когда онлайн запустили на полную? Узнать!...
13 03 2026 14:46:19
Чек-лист для РРС-специалистов. Всегда быстрее учиться на опыте других людей, а не набивать шишки самостоятельно. А также советы, как исправить рекламные кампании. Обо всем читайте в этой статье!...
12 03 2026 11:35:55
Раньше покупка фолловеров, лайков, репостов строго осуждалась. Сегодня это обычное дело. Всё больше сервисов предлагают по приемлемой цене купить репутацию в соцсетях: от лайков в Instagram до фолловеров в твиттере. Покупка фолловеров аукнется мне в будущ...
11 03 2026 4:36:22
Кейс SEO-продвижения в США: рост трафика сайта с помощью низкочастотных запросов....
10 03 2026 20:21:14
Для эффективной оценки работы кампаний не обойтись без вычисляемых показателей. Они экономят время PPC-специалиста и позволяют правильно анализировать рекламные кампании....
09 03 2026 4:17:42
Инструмент позволяет создавать ролики длительностью от 6 до 16 секунд. Созданные видеоматериалы можно размещать не только в рекламных кампаниях, но и на сайте или в email-рассылке. ...
08 03 2026 0:58:36
Обидно терять сохраненные достижения. Почему падает трафик из поисковых систем и как это исправить...
07 03 2026 16:39:24
Как сохранить статистику переходов из органики Google, а также автоматизировать отчетность: подробное руководство для технического специалиста....
06 03 2026 13:19:56
Настройка в четыре шага и другие отличия AdWords Express от Adwords...
05 03 2026 11:46:11
Как вернуть клиентов с помощью реактивационных email-рассылок. Внутри идеи таких брендов: Bershka, Wildberries, LinguaLeo, Facebook, Mail.ru, Coub, BlaBlaCar, Repka.ua и другие. Узнайте принципы красивой реактивации!...
04 03 2026 9:34:16
Как узнать, что потенциальный сотрудник креативный, умеет убеждать, работать в комaнде, адаптироваться к быстрой смене условий, владеет эмоциональным интеллектом? Вопросы для проверки этих софт-скиллов здесь....
03 03 2026 22:31:47
Чем радовала, смущала и шокировала реклама в социальных сетях в марте 2021-го...
02 03 2026 23:17:55
Быстрые ссылки и другие советы на тему того, как эффективно работать в Директ Коммaндере....
01 03 2026 3:39:13
Пpaктика в режиме «рейтинг онлайн». Новинка Google Рекламы — отчет «Статистика аукционов»....
28 02 2026 1:54:11
Интересные детали интерьера в офисах украинских IT-компаний: от массажного стола и тенниса до звукозаписывающей студии и корпоративной велопарковки. Читать дальше!...
27 02 2026 1:16:31
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::
