Подмена текста с помощью 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 и использовать только как временную меру.
Комментарии:
Как пользователи и разработчики приложений живут без Google Play? Авторская колонка....
30 08 2026 16:47:36
Наука перехода — понятие краулинга (crawling, сканирование) сайта и принципа его работы. Виды поисковых роботов и способы их управления и другие полезные фишки в рубрике Азбука SEO на Netpeak Blog...
29 08 2026 23:47:34
Chrome Extensions экономят время тех, кто продвигает мобильные приложения...
28 08 2026 3:30:41
Как работать с новой функцией, чтобы набирать подписчиков и делать продажи. Подробное и актуальное руководство в 2021 году....
27 08 2026 22:57:35
Также повысили количество транзакций на 191% (по сравнению с аналогичным периодом прошлого года)....
26 08 2026 16:49:24
Google Shopping и Smart Shopping Campaign сами себя не оптимизируют....
25 08 2026 9:39:41
Чтобы попасть в админку сайта, необходимо определить, какая именно CMS используется. Для этой цели подойдет ручной анализ сайта и его HTML-кода, а также онлайн-сервисы...
24 08 2026 6:51:13
SEOmoz создал систему, которая определяет релевантность страницы поисковому запросу....
23 08 2026 7:52:59
Делимся итогами продвижения телеграм-канала «Артём Бородатюк» за 2021 год...
22 08 2026 18:48:42
K-pop заpaбатывает деньги: как и сколько...
21 08 2026 10:57:18
Давайте больше не будем сливать бюджет, выбирая неправильный параметр....
20 08 2026 5:36:58
Эффективен ли ваш канал привлечения трафика? Лучше писать об этом с помощью формул...
19 08 2026 2:13:23
После нехитрых манипуляций с текстом вторая строка оказывается в заголовке....
18 08 2026 9:32:25
Не знаешь как раскрутить сайт? Мы подготовили 11 этапов SEO-продвижения сайтов в поисковых системах....
17 08 2026 19:29:56
Ссылки нужно не только наращивать, но и постоянно посещать и мониторить качество уже существующих....
16 08 2026 12:51:27
Какой движок сайта стоит выбрать...
15 08 2026 6:43:34
Как сделать рекламу в Universal App Campaign 2.0 максимально эффективной...
14 08 2026 23:20:52
Почему лендинги на Тильде выгодны бизнесу, какие задачи он решает, о форматах работы по услуге, детально о ее составе и спецпредложениях от Netpeak и наших партнеров по настройке контекстной рекламы, сервисов на лендинге и даже промокод на скидку Yagla...
13 08 2026 22:35:34
PR должен решать задачи бизнеса и для этого мало мониторить упоминания компании или бренда, нужно анализировать. С появлением соцсетей пиар изменился. Узнать больше!...
12 08 2026 19:56:37
К чему стоит относиться с особенным вниманием при отправке рассылок. Грамматические ошибки, тема, прехедер и другие стратегически важные составляющие письма. Узнать больше!...
11 08 2026 5:42:14
Товарные объявления торговых кампаний заметнее в выдаче, да и показываться будут и в Bing, и в Yahoo, и в AOL...
10 08 2026 18:16:56
Реклама в ASA значительно повышает эффективность ASO....
09 08 2026 22:21:16
Инструкция для трудоголиков для тех, кто старается выполнить как можно больше заданий, а заметного прогресса при этом нет. Работать много и эффективно не всегда полезно. Если бы эффективная работа была залогом успеха, каждому хомяку воздвигли бы памятник...
08 08 2026 16:53:36
Гарантии результата в SEO: миф или реальность. Спрос рождает предложение, поэтому не удивительно, что существует большое количество SEO-студий. Сразу возникает резонный вопрос, как могут существовать те компании, которые не дают гарантии вообще?...
07 08 2026 0:41:50
Пример того, как составить маркетинговый контент-план, анализируя успешных конкурентов...
06 08 2026 2:56:19
Что нужно делать на старте работ с интернет-магазином и как минимизировать риски для бизнеса онлайн, используя такие инструмента как SEO, PPC и Email-маркетинг — советы от эксперта. Читать дальше!...
05 08 2026 22:52:37
Чтобы увеличить продажи и улучшить их эффективность в новых условиях необходимо применять «социальные доказательства»....
04 08 2026 8:27:54
Благодаря сервисам оплаты частями у покупателей появляется возможность покупать товары и услуги по выгодным ценам. А у бизнеса — увеличивать объем продаж....
03 08 2026 19:36:36
Тонкости настройки предпраздничной рекламной промо кампании на примере Citrus.ua....
02 08 2026 20:30:25
Обойдемся без теории, зато покажем пример SEO-аудита...
01 08 2026 1:32:53
Простой и понятный разбор двух формул для расчета коэффициента вовлеченности...
31 07 2026 5:45:10
Дэн Гридин, ненавистник холодных звонков и эксперт в области системного B2B маркетинга для сложных рынков, рассказал читателям блога о принципах работы на рынке во время шторма....
30 07 2026 22:56:23
В мае прошлого года Google анонсировал выход нового Core Web Vitals. Что это и как будет работать рассмотрим в статье...
29 07 2026 12:22:22
Делаем первые шаги к созданию системы email-коммуникаций бренда....
28 07 2026 11:21:35
Как протестировать MVP мобильного приложения, получить обратную связь и сформировать гипотезы...
27 07 2026 19:55:49
Успех рекламы во многом зависит от сезонности, популярности тематики и умения оперативно среагировать на тренд. Для этого и существует сервис Google Trends....
26 07 2026 7:55:24
Для работы в интернет-маркетинге нужно хорошо разбираться в аналитике. Рассмотрим, как использовать в работе Google ***ytics 4 и чем он отличается от Universal...
25 07 2026 3:48:32
Подборка для застройщиков, маркетологов и менеджеров по продажам...
24 07 2026 22:23:22
Как автоматизировать рутину в Google Таблицах с помощью Google Apps Script...
23 07 2026 13:57:35
Безопасное соединение, которое положительно оценивают не только поисковые роботы, но и пользователи. Особенно, если на сайте предстоит оставить личные данные. Читать!...
22 07 2026 21:22:35
Впереди ещё черная пятница и новогодние праздники. И успех массовых распродаж можно повторить....
21 07 2026 20:43:23
Как сделать склейку и сохранить трафик, распространенные ошибки при склеивании. Узнать больше!...
20 07 2026 0:33:51
Как провести крутую конференцию по интернет-маркетингу, сделать трaнcляцию этой конференции и вместо сухих репортажей подготовить полезный контент для СМИ. Узнать больше....
19 07 2026 5:42:47
Рецензия на книгу «Нейромаркетинг в действии» Дэвида Льюиса...
18 07 2026 19:24:15
Как быстро увеличить количество заинтересованных подписчиков в facebook, twitter, google+ и linkedIn с помощью контактов из рассылки и аккаунтов Facebook....
17 07 2026 22:18:17
Суперспособности фрилансера: как понять свою прокрастинацию, распознать мошенников и решать проблемы, связанные с удалёнкой...
16 07 2026 22:54:41
Что, если бы покупка в супермаркете происходила так же, как в онлайн-магазине?...
15 07 2026 11:12:48
Подборка онлайн-платформ и программ для работы с текстом и изображениями....
14 07 2026 17:18:19
Если маркетер хочет привлечь к бренд-контенту дополнительное внимание, стоит воспользоваться опцией Promote post....
13 07 2026 5:23:30
Что такое контекстная реклама? Словарь терминов для чайников...
12 07 2026 19:26:55
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::
