埋め込み

埋め込みは、ソーシャルメディアの投稿などの外部コンテンツをウェブページに直接組み込むためのツールであり、サイトのパフォーマンスやセキュリティを損なうことなくユーザーエンゲージメントを向上させます。

Cloudflare Zarazは、埋め込みのためのサーバーサイドレンダリングを導入し、セキュリティ、プライバシー、ページ速度を向上させるためにサードパーティのJavaScriptを回避します。この方法では、コンテンツがサーバー側で処理され、ユーザーのブラウザとサードパーティのサーバー間の直接的な通信が不要になります。

ウェブサイトに埋め込みを追加するには：

1. Cloudflareダッシュボード ↗にログインし、アカウントとドメインを選択します。
2. Zaraz > ツール設定に移動します。
3. “新しいツールを追加”をクリックし、Cloudflare Zarazダッシュボードで必要なツールを有効にします。
4. HTMLにプレースホルダーを追加し、必要な属性を指定します。一般的な埋め込みの場合、スニペットは次のようになります：

<componentName-embedName attribute="value"></componentName-embedName>

componentName、embedName、およびattribute="value"を特定の管理コンポーネントの要件に置き換えます。Zarazは自動的にプレースホルダーを検出し、安全かつ効率的にコンテンツに置き換えます。

例

X (Twitter) 埋め込み

<twitter-post tweet-id="12345"></twitter-post>

tweet-idを埋め込みたいコンテンツの実際のツイートIDに置き換えます。

Instagram 埋め込み

<instagram-post post-url="https://www.instagram.com/p/ABC/" captions="true"></instagram-post>

post-urlを埋め込みたいコンテンツの実際のURLに置き換えます。投稿のキャプションを含めるには、captions属性をtrueに設定します。