← Cloudflare Zaraz / zaraz
Встраивания
Встраивания представляют собой инструменты для размещения внешнего контента, например публикаций из социальных сетей, прямо на веб-страницах. Они повышают вовлечённость пользователей, не снижая при этом производительность и безопасность сайта.
Cloudflare Zaraz реализует серверный рендеринг встраиваемого контента, отказываясь от стороннего JavaScript, чтобы повысить безопасность, конфиденциальность и скорость загрузки страницы. Такой подход обрабатывает контент на сервере, устраняя необходимость прямого взаимодействия между браузером пользователя и сторонними серверами.
Чтобы добавить Embed на свой сайт:
-
На панели управления Cloudflare перейдите к разделу Настройка тега страницу.
Перейдите в Настройка тега ↗ -
Перейдите в Конфигурация инструментов.
-
Нажмите «add new tool» и активируйте нужные инструменты на панели Cloudflare Zaraz.
-
Добавьте в свой HTML плейсхолдер с указанием необходимых атрибутов. Для стандартного встраивания фрагмент кода выглядит так:
<componentName-embedName attribute="value"></componentName-embedName>Замените componentName, embedName и attribute="value" в соответствии с требованиями конкретного Managed Component. Zaraz автоматически определяет плейсхолдеры и безопасно и эффективно заменяет их нужным содержимым.
Примеры
Встраивание X (Twitter)
<twitter-post tweet-id="12345"></twitter-post>Замените tweet-id на фактический ID твита для контента, который вы хотите встроить.
Instagram embed
<instagram-post post-url="https://www.instagram.com/p/ABC/" captions="true"></instagram-post>Замените post-url на фактический URL-адрес контента, который вы хотите встроить. Чтобы включить подписи к постам, установите атрибуту captions значение true.