Подмена текста с помощью 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 и использовать только как временную меру.
Комментарии:
Какой рекламный инструмент использовать, чтобы получить максимальный результат...
12 07 2026 16:11:19
Охват и средняя цена за клик в самых популярных тематиках....
11 07 2026 9:19:58
Когорта в google ***ytics позволяет снять любые претензии в духе «прошел уже целый месяц, где результаты»....
10 07 2026 18:21:38
Прайс-менеджерам: покупаем и моделируем недостающие данные с помощью алгоритмов машинного обучения...
09 07 2026 20:35:10
VPN — технология анонимного сетевого подключения. Она позволяет организовать подсеть в уже существующем соединении. Поверхностная сеть закрыта от внешнего доступа, потому вмешаться в нее не смогут. Чтобы узнать больше, читайте дальше!...
08 07 2026 0:12:53
Четыре способа исключить нерелевантные места размещения видеорекламы, а также полезные списки минус-слов и детских YouTube-каналов....
07 07 2026 5:50:14
Чтобы создавать удобные отчеты, импортируйте данные из Яндекс.Директ в Microsoft Power BI с помощью язык R...
06 07 2026 4:50:48
Самые точные данные статистики, которые вы получите с помощью Google Tag Manager....
05 07 2026 21:47:54
Алгоритм технической подготовки IP-адреса к массовым рассылкам...
04 07 2026 13:29:28
Значит так, делаем из лимонов лимонад — «выжимаем» максимум из ошибки 404...
03 07 2026 9:42:17
Эта книга рекомендована к прочтению решительно всем :)...
02 07 2026 1:41:27
Результаты четвертого опроса среди IT-специалистов по уровню зарплат интернет-маркетологов с интересными итогами от количества участников до самой высокооплачиваемой должности и среднего опыта в рынке. Узнайте больше!...
01 07 2026 18:18:21
Главная цель инфлюенс-маркетинга — теплый и близкий контакт с аудиторией. Клиентам нравится ассоциировать продукты с живыми, знакомыми им людьми — пускай и только по интернету. Читать дальше....
30 06 2026 7:32:19
А сейчас про конференцию Netpeak Friends Day для друзей Netpeak Group...
29 06 2026 23:38:22
Наш обзор кинофильма «Социальная сеть» про Facebook и Марка Цукерберга....
28 06 2026 15:20:10
Какой эффективный способ использовать для проверки бизнес-возможностей новых проектов ecommerce?...
27 06 2026 22:36:23
Актуальный обзор особенностей работы онлайн-проектов в Казахстане...
26 06 2026 8:34:21
Все про kpi охват в социальных медиа или как оценивать эффективность работы SMM-специалиста?...
25 06 2026 17:46:54
Как настроить программу Obsidian для удобной и быстрой работы по системе Zettelkasten....
24 06 2026 20:48:53
Как работать с негативом и что делать, чтобы его было меньше/не было вовсе....
23 06 2026 14:27:24
Как сэкономить на рекламе мобильных приложений в Facebook...
22 06 2026 21:21:26
Какие рассылки можно отправить покупателю, если у вас есть только данные из карточки товара...
21 06 2026 10:55:43
Как быстро создавать и запускать объявления, а также массово вносить правки в кампании с помощью файла Excel...
20 06 2026 18:38:23
Чтобы прекратить споры о том, с какого конца разбивать яйцо, я собрал аргументы за союз SEO и PPC...
19 06 2026 6:32:31
10 базовых правил оформления онлайн-таблиц. Оформление — основа таблицы. Как работать со столбцами и ячейками, комментариями и примечаниями, делать корректные цветовые выделения. Читайте далее....
18 06 2026 4:37:31
Правила, законы, платное и бесплатное продвижение в Telegram...
17 06 2026 19:57:23
Шаги, которые необходимо выполнить для правильного сбора и анализа данных сайта...
16 06 2026 20:23:24
Кейс о том, как написать большинству дилеров премиальных акустических систем в Европе и ничего не продать. И почему это кейс, а не антикейс....
15 06 2026 14:10:18
Если вам нужно быстро изменить небольшой объем контента на сайте без доступа к CMS, можно воспользоваться GTM. Как именно, читайте дальше....
14 06 2026 8:55:33
В этой статье я покажу пример визуальной работы с закладкой и пошагово разберу процесс их создания и применения для удобства визуализации данных...
13 06 2026 7:30:52
Проверьте свою логику, находчивость и креативность...
12 06 2026 5:13:45
Отслеживаем в статистике Google ***ytics посетителей пришедших через защищенное соединение в поиске Google....
11 06 2026 18:20:49
Полезный и интересный контент — это лучший крючок, который помогает привлечь новых клиентов на аграрном рынке и удержать их внимание....
10 06 2026 11:48:40
Причины, по которым имеет смысл работать в офисе хотя бы несколько дней в неделю, а может и больше. Конечно, только если эпидемиологическая ситуация не заставляет оставаться дома. Берегите себя....
09 06 2026 0:30:39
Встречайте Netpeak Spider 2.1 — программу, предназначенную для обнаружения и уничтожения ошибок внутренней оптимизации сайта. Мы хотим, чтобы 4 августа 2016 года запомнилось вам как «День кроулинга»!...
08 06 2026 8:31:19
Создание канала бренда на видеоплатформе необходимо для увеличения притока трафика, улучшения репутации и поискового продвижения компании...
07 06 2026 5:12:53
Быстрые ссылки и другие советы на тему того, как эффективно работать в Директ Коммaндере....
06 06 2026 21:43:19
Исследование по 38,5 миллионам кликов в 22 тематиках в 391 городе страны....
05 06 2026 7:34:54
Важный вопрос, если вы рассчитываете на вирусный эффект своих рекламных идей....
04 06 2026 23:28:57
Быстрая индексация: как оперативно узнать, попала ли важная для вас страница в поисковые системы Google и Яндекс....
03 06 2026 1:57:12
Украинцы хотят заниматься коммерцией. И иногда делают это очень нестандартно. Собрали для вас подборку бизнесменов с особенным мышлением....
02 06 2026 20:32:10
12 идей для видеоконтента и расскажем, где их лучше размещать, чтобы зрители стали клиентами. Как использовать видео для повышения продаж? Длинный, но все равно неполный список форматов. Читайте дальше и предлагайте свои варианты!...
01 06 2026 13:42:52
Про работу мозга и запоминание из книги Торкеля Клинберга «Информационный поток и пределы рабочей памяти» и обзор игр Lumosity....
31 05 2026 4:11:43
Игроков интернета России, Уанета и Казнета зарубежные сайты coблaзняют семизначными результатами продаж во время «черной пятницы» и «киберпонедельника»....
30 05 2026 19:47:54
Возможности и перспективы Clubhouse, лайфхаки для пользователей и бонус в конце...
29 05 2026 17:49:54
Консультант по маркетингу в зоне ru Екатерина Решетило написала пост о том, как правильно настроить стратегический контент-маркетинг для долгосрочных продаж...
28 05 2026 2:54:54
Chrome Extensions экономят время тех, кто продвигает мобильные приложения...
27 05 2026 22:41:43
О феномене Баадера-Майнхофа — как на самом деле работают системы баннерной рекламы в интернете...
26 05 2026 5:58:38
Сравним разные модели атрибуции с точки зрения оценки финансовых показателей проекта...
25 05 2026 12:35:49
Как использовать игровые механики для вовлечения аудитории....
24 05 2026 6:49:47
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::
