INTEGRITY Документация

Встраивания

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

Cloudflare Zaraz реализует серверный рендеринг встраиваемого контента, отказываясь от стороннего JavaScript, чтобы повысить безопасность, конфиденциальность и скорость загрузки страницы. Такой подход обрабатывает контент на сервере, устраняя необходимость прямого взаимодействия между браузером пользователя и сторонними серверами.

Чтобы добавить Embed на свой сайт:

  1. На панели управления Cloudflare перейдите к разделу Настройка тега страницу.

    Перейдите в Настройка тега ↗
  2. Перейдите в Конфигурация инструментов.

  3. Нажмите «add new tool» и активируйте нужные инструменты на панели Cloudflare Zaraz.

  4. Добавьте в свой 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.