У представленому фрагменті HTML-коду міститься кнопка для підписки, стилізована за допомогою CSS, а також сценарій для відстеження подій на сайті через Facebook Pixel. Детальніше розглянемо складові цього коду.
Кнопка підписки
Кнопка має назву «Підписатись» і є частиною форми з класом fluent_form_2
. Вона обладнана наступними параметрами:
- Атрибут
type
встановлено якsubmit
, що вказує на призначення кнопки для надсилання форми. - Атрибут
name
таdata-name
мають значенняcustom_submit_button-2_1
.
Стилі кнопки
Кнопці додані стилі за допомогою CSS, які визначають її вигляд у звичайному стані та при наведенні курсору. Ось основні параметри оформлення:
- Колір фону та рамки: насичений червоний відтінок (rgba(224, 97, 97, 1)).
- Колір тексту: білий (#ffffff).
- Мінімальна ширина: 100% ширини контейнера.
- При наведенні курсору фон змінюється на білий, окантовка – на відтінок голубого (#409EFF), а текст також набуває цього голубого відтінку.
Скрипт для аналітики Facebook Pixel
Для збору статистики про взаємодію користувачів із сторінкою у коді має місце скрипт, що ініціалізує та виконує трекінг через Facebook Pixel. Основні деталі сценарію:
- Ініціалізація пікселя з ідентифікатором
2574513309228202
. - Відстежування перегляду контенту за подією
ViewContent
із вказанням:- Ідентифікатору контенту:
101785
. - Типу контенту:
page
. - URL сторінки:
https://newssky.com.ua/404-storinku-ne-znajdeno/
. - Домену:
https://newssky.com.ua
.
- Ідентифікатору контенту:
- Відстеження події завантаження сторінки –
PageView
– із зазначенням такої ж URL-адреси та домену.
Таким чином, цей фрагмент коду забезпечує як функціональність форми для підписки, так і маркетинговий моніторинг за допомогою аналітики Facebook, що дозволяє відстежувати взаємодію користувачів із веб-ресурсом.