SignalHost для Framer: подключите плагин, опубликуйте один раз и убедитесь, что код есть на живом сайте

• Сайт Framer, который был опубликован хотя бы один раз. Для подключения плагину нужен адрес вашего сайта, и если его ещё нет, плагин попросит сначала опубликовать сайт.
• Право редактирования проекта Framer. Плагин сохраняет своё подключение в проекте и записывает в пользовательский код сайта, и для того и для другого нужно это право.
• Аккаунт SignalHost. Чтобы попробовать, хватит бесплатного тарифа: 10 000 запросов в месяц и один контейнер. Аккаунт можно создать прямо во время подключения.

Найдите SignalHost в Framer Marketplace и откройте его в своём проекте. Он открывается в виде небольшой панели с одной кнопкой — «Connect with SignalHost». Нажмите её, и откроется окно браузера с signalhost.io. Войдите или создайте бесплатный аккаунт.

Пока вы заканчиваете в этом окне, панель ждёт и обновляется сама. Если вы закрыли окно, «Open the window again» снова его откроет. Если ответа нет десять минут, панель предложит попробовать ещё раз.

В окне перечислено, что плагин будет и чего не будет делать. Он будет добавлять код отслеживания на каждую страницу и поддерживать его в актуальном состоянии, читать статус контейнера и проверять, что на вашем опубликованном сайте есть код, а также отключится сам, когда вы выйдете из него в Framer. Он не может изменять что-либо ещё на вашем сайте, использовать ваш аккаунт Google или видеть ваши платежи.

Выберите существующий контейнер или выберите новый и пройдите короткий мастер. Контейнер — это ваш собственный сервер тегинга, созданный в вашем собственном аккаунте Google, так что он остаётся вашим. Создание нового занимает несколько минут; подключиться можно сразу, и плагин добавит код, как только контейнер будет готов. Нажмите «Подключить». После этого в окне появится «Подключено — вернитесь в Framer», и окно можно закрыть.

Вернувшись в Framer, плагин сам получает подключение, добавляет код и предлагает опубликовать сайт, чтобы всё заработало.

Framer отдаёт пользовательский код только на опубликованном сайте, поэтому для ваших посетителей ничего не изменится, пока вы не опубликуете сайт. Панель показывает два шага: «Tracking code added to every page» и «Publish your site to make it live».

Опубликуйте сайт как обычно, затем нажмите в панели «Check again». SignalHost загружает вашу опубликованную главную страницу и ищет на ней код. Когда код найден, второй шаг меняется на «Live» с адресом вашего сайта, а страница контейнера засчитывает установку как выполненную. Сам плагин никогда ничего не публикует.

Откройте опубликованный сайт и немного по нему походите. «Open SignalHost» в панели ведёт на страницу контейнера, где вкладка «Недавнее» в разделе «Расширенная аналитика» охватывает последние 30 минут, а «Запустить проверку» в разделе «Устранение неполадок» подсчитывает поступившие просмотры страниц. Начиная с тарифа Growth раздел «Мониторинг событий в реальном времени» также показывает каждое событие по имени в момент поступления.

Один фрагмент кода в пользовательском коде сайта, в конце head на каждой странице: загрузчик Google Tag Manager, направленный на ваш собственный адрес тегинга вместо googletagmanager.com. Он загружает оттуда ваш контейнер Tag Manager, и через него ваш тег Google отправляет просмотры страниц.

Каждый раз, когда кто-нибудь открывает плагин, он сравнивает этот код с тем, что нужно вашему контейнеру, и заменяет его, если что-то изменилось. Больше он ничего не трогает и не читает ни ваш контент, ни CMS, ни данные посетителей. Собственных событий он тоже не добавляет: всё, что выходит за рамки просмотров страниц, например отправка формы, попадает в ваш контейнер, когда ваш сайт отправляет это в слой данных.

Подключение сохраняется в проекте, поэтому все редакторы проекта видят одно и то же подключение, и оно может читать только параметры установки этого одного контейнера и ничего больше.

Каждый запрос покидает браузер в виде, который блокировщики рекламы не распознают, и ваш сервер тегинга пересылает его в Google Analytics 4 и на рекламные платформы, которые вы настроили на странице контейнера: Google Ads, Meta, TikTok и другие. Если ваш cookie-баннер использует Google Consent Mode, посетитель, который отказался, учитывается только как пинг Google без cookie.

Сначала ваш контейнер работает на адресе под signalhost.io. На платном тарифе кнопка «Подключить собственный домен» на странице контейнера проведёт вас через переход на поддомен вашего собственного сайта, например sgtm.yoursite.com, который переживает списки фильтров и сохраняет cookie кликов как cookie первого лица.

Когда домен заработает, SignalHost пришлёт вам письмо с новым кодом. На Framer его не нужно вставлять: откройте плагин, который сам заменит код, и опубликуйте сайт. До тех пор старый адрес продолжает работать. Если вы откроете плагин и забудете опубликовать сайт, он напишет «Publish again: your live site still has an older version».

Тот же код можно добавить и без плагина. На странице контейнера найдите код в карточке «Установить на сайт» и нажмите «Копировать». В Framer откройте Site Settings → General → Custom Code, вставьте код так, чтобы он оказался в конце head на каждой странице, и опубликуйте сайт. Затем нажмите «Готово» на странице контейнера.

От чего вы отказываетесь: код больше не следует за вашим контейнером. Когда ваш адрес тегинга изменится, вам придётся самостоятельно заменить его новым кодом, который SignalHost пришлёт по email, и снова опубликовать сайт. И ничто не проверяет, есть ли код на вашем живом сайте. Используйте что-то одно: если плагин тоже подключён, код окажется на каждой странице дважды.

В разделе «Настройки › Подключённые сайты» сайт значится как «Плагин Framer», с временем последней связи.

«Log out» внизу панели и в меню плагина завершает подключение в SignalHost и убирает код плагина из пользовательского кода сайта. Как и любое изменение пользовательского кода, удаление дойдёт до посетителей с вашей следующей публикацией. Ваш контейнер и его статистика сохраняются, и подключиться снова можно в любой момент.

«Отключить» в «Подключённых сайтах» работает наоборот: плагин уберёт SignalHost с вашего сайта, когда кто-нибудь в следующий раз откроет его в Framer, а с живого сайта код исчезнет со следующей публикацией.

• Панель просит один раз опубликовать сайт перед подключением: у сайта ещё нет опубликованного адреса. Опубликуйте его, затем нажмите «Check again».
• Панель сообщает, что нужно право редактирования или разрешение изменять пользовательский код сайта: попросите владельца проекта дать вам право редактирования.
• Ваш контейнер настраивается: вернитесь через несколько минут. Плагин добавит код, как только контейнер будет готов.
• Код SignalHost выключен: кто-то выключил его в Site Settings → General → Custom Code. Включите его там снова и опубликуйте сайт.
• Не удалось прочитать ваш живой сайт: SignalHost не смог загрузить вашу опубликованную страницу. Опубликуйте сайт, затем нажмите «Check again».
• Этот сайт был отключён в SignalHost: кто-то нажал «Отключить» в «Подключённых сайтах». Подключите его снова, чтобы продолжить отслеживание.
• Не удалось связаться с SignalHost: попробуйте ещё раз чуть позже.
• Что-то другое: напишите на hello@signalhost.io и укажите адрес сайта.

SignalHost — независимый продукт компании Algorithmo GmbH, не связанный с Framer, Google, Meta или TikTok и не одобренный ими. Google Analytics, Google Ads и Google Tag Manager — товарные знаки Google LLC; Meta — товарный знак Meta Platforms, Inc.; TikTok — товарный знак ByteDance Ltd.; Framer — товарный знак Framer B.V.