Deus Robotics

Що вставити у Framer

Один рядок коду в один слот. Нічого видаляти не треба, нічого існуючого не чіпаємо. Займає близько пʼяти хвилин.

Чому це безпечно

У сайт вставляється не код, а посилання на файл, який лежить на нашому сервері. Уся логіка живе там, і всі подальші правки ми робимо у себе, не заходячи у Framer.

Якщо щось піде не так, ми за десять секунд робимо цей файл порожнім і сайт повертається у початковий стан. Без правок у Framer, без повторної публікації, без вашої участі. Це перевірено, а не обіцянка.

Крок 1Відкрити налаштування коду

  1. Відкрити проєкт deusrobotics.com у Framer
  2. Натиснути Site Settings, це шестерня у верхній панелі
  3. Розділ General, прокрутити до секції Custom Code
  4. Знайти перше поле, воно називається Start of <head> tag

Уважно з цим полем

У ньому вже лежить код. Там Google Tag Manager, Hotjar і Google Analytics. Нічого з цього не видаляти і не переставляти.

Наш рядок додається у самий кінець, після всього, що там уже є. Порядок важливий, наш скрипт має завантажитись після диспетчера тегів.

Крок 2Додати рядок у кінець поля

Поставити курсор у самий кінець вмісту поля, зробити перенос рядка і вставити це.

Start of <head> tag, режим Once, додати В КІНЕЦЬ 
<!-- Deus Analytics. Шар ідентичності та історії візитів -->
<script src="https://deus-collect.dan4astr.workers.dev/deus-analytics.js?v=2.0.0"></script>

Перемикач режиму для цього поля лишити на Once, як він і стоїть.

Крок 3Опублікувати

  1. Натиснути Save у налаштуваннях
  2. Натиснути Publish у правому верхньому куті
  3. Дочекатись, поки Framer напише, що сайт опубліковано

Крок 4Перевірити, що працює

Це можна зробити самостійно за хвилину, нічого встановлювати не треба.

  1. Відкрити https://deusrobotics.com/?deus_debug=1
  2. Натиснути F12, перейти на вкладку Console
  3. Оновити сторінку
  4. У консолі мають зʼявитись рядки, що починаються з [deus]
  5. Поклікати по меню, переходячи між сторінками. На кожен перехід має зʼявлятись новий рядок [deus] pageview

Як виглядає успіх

У консолі видно [deus] ready з довгим ідентифікатором, а далі [deus] pageview /ai-vision total 2 і так на кожному переході. Саме ці переходи зараз і не рахуються, через них уся історія відвідувача і губиться.

Що даліДругий захід, окремо і пізніше

Після того, як переконаємось, що все працює, знадобиться ще один короткий захід у ті самі налаштування. Там треба буде прибрати з коду сайту Google Analytics і Hotjar, бо вони переїжджають усередину диспетчера тегів.

Порядок тут критичний

Спочатку ви прибираєте GA4 і Hotjar з коду сайту, і тільки потім ми вмикаємо їхні копії у диспетчері тегів. Якщо зробити навпаки, візити рахуватимуться двічі і дані за ці дні стануть сміттям.

Копії вже створені і стоять на паузі саме для того, щоб цю помилку не можна було зробити випадково. Ми знімемо їх з паузи за вашим словом.

ДовідкаЩо саме ми додаємо

Що робить скриптНавіщо
Рахує переходи всередині сайтуГоловна поломка. Зараз HubSpot бачить тільки сторінку входу
Веде свій ідентифікаторКлюч, за яким запис екрана Hotjar знаходиться з картки контакта
Запамʼятовує перше джерелоНе останній клік, а звідки людина прийшла найперший раз
Рахує час на сторінках рішеньСигнал гарячого ліда для сповіщень
Слухає ваші форми HubSpotПісля заявки дописує історію в контакт. Самі форми не чіпає

Чого скрипт НЕ робить

Не втручається у ваші форми HubSpot і не змінює те, як вони працюють. Вони й далі створюють контакт самі, з правильним джерелом.

Не збирає персональні дані і нічого не пише у память браузера, поки відвідувач не дав згоду на куки.

Не змінює жоден елемент дизайну і не додає на сторінку нічого видимого.

Питання і зворотний звʼязок через Picknetic. Файл скрипта відкритий, його можна подивитись перед вставкою за адресою https://deus-collect.dan4astr.workers.dev/deus-analytics.js