ビデオサークル

「ビデオサークル」 は、サイトの隅に表示される動画付きの円形フローティングウィジェットです。まず訪問者にはポスター画像または音声なしの静かなプレビューが表示され、クリックすると動画が音声付きで、キャプションとアクションボタン(「注文する」「テーブルを予約する」「予約する」「チャットで質問する」など)とともに開きます。

一般的な動画ウィジェットとの主な違いは、ここでは動画が独立したファイルではないことです。これはメニューまたはカタログのアイテムの動画であり、すでにそのカードに保存されています。お客様がアップロードしたもの、または料理の写真からAIが生成したものです。ウィジェットに別の動画ストレージはなく、「注文する」ボタンは注文ウィジェットで、訪問者がたった今見ていたまさにその料理を開きます。

ウィジェットは無料です。別途拡張機能を購入する必要はありません。

有効化する場所: 管理パネル → マーケティング → 「マイサイト」 → 「ビデオサークル」カード。トグルでウィジェットが有効になり、歯車アイコンで設定が開きます。

サイトへの設置#

独自のコードは不要です。「マイサイト」セクションの共通タグが機能します:

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="あなたのドメイン" async></script>

<head>内または</body>の前に1行を追加するだけで、以降のウィジェットの構成はアカウント内のトグルで設定します。プラットフォーム別の手順(HTML、Google Tag Manager、WordPress、Tilda/Wix、Shopify、Webflow)は、記事マイサイトの「人気プラットフォームへの設置」セクションをご覧ください。

サークル単体のタグは「詳細設定」ブロックにあります:

<script src="https://cdn.cenaly.com/video-widget/v1.js" data-domain="あなたのドメイン" async></script>

その属性:

⚠️ タグの属性はアカウント内の設定より優先されます — 他のウィジェットでは逆です。サークルは、隅がすでに他のマークアップで埋まっているページに設置されることが多く、管理画面に入らずにそのページを編集する人が移動できる必要があります。

設置確認が認識するものと認識しないもの。 「設置を確認」ボタンはページのソースHTMLを読み取ります。共通ローダーまたはサークル単体のタグ、別の店舗のコード、またはその不在を検出します。Google Tag Managerがブラウザ上で挿入するタグは認識されません — サイトを目視で確認してください。

動画の取得元#

サークルの動画はメニューまたはカタログのアイテムの動画です。「ウィジェット用の動画」という別のアップロードはなく、これは意図的なものです。同じ動画がストアフロントの料理カードとサイト上のサークルの両方で機能します。

アイテムに動画を表示するには:

1. **「メニュー」**セクション(または商品カタログ)でアイテムを開き、そのメディアに動画をアップロードします。
2. または、カード内で直接料理の写真からAIで動画を生成します。生成は料理カードの機能で、独自の条件があります。サークルはその費用を負担しません。⚠️ Yandexのクラウド上のブランド(cenaly.ru)では動画生成はありません — そこでは完成した動画をアップロードします。
3. 動画が処理されるまで待ちます。プラットフォームはポスター画像と、設定されている場合は360pから1080pまでの品質バリアントを生成します。

どのアイテムにも動画がない場合、サークルパネルはその旨を表示し、メニューへ移動するよう促します — 動画なしの架空のプレビューは表示されません。

⚠️ ファイル形式が重要です。 ブラウザはmp4、webm、m4vを確実に再生します。他の形式の動画(例えばiPhoneの.mov、.avi、.mkv)は、品質バリアントが用意されている場合にのみサークルに表示されます。それ以外の場合はサークルにまったく表示されません — 「動画を利用できません」と開くサークルは、存在しないよりも悪いです。

ウィジェットの設定#

設定は自動的に保存されます。フィールドの横にはプレビューが表示されます。最初に選択した動画のポスター付きの丸いアイコンと、ゲストが目にするのと同じ文言のキャプションとボタンを備えた展開ウィンドウです。

動画#

• 選択 — 選択した店舗のアイテムのうち、動画があるもののリストです。最大6本まで選択し、順番を並べ替えます。この順番でゲストが矢印で動画をめくります。
• キャプション — 動画の短いテキスト（最大80文字）を必要な言語で入力します。丸いアイコンの下と展開ウィンドウに表示されます。
• アクションボタン — 視聴後に何をするか（下の表を参照）。デフォルトは、その料理を指定した「注文する」です。
• ボタンのキャプション — 各言語で最大40文字まで独自に設定できます。空欄の場合は、アクションの種類に応じた標準キャプションになります。

丸いアイコンの設定には、アイテムの動画へのリンクと選択時点の動画データ（フォーマット、利用可能な品質バリアント、ポスター、再生時間）が保存され、ファイルのコピーは保存されません。

動画の下のボタン#

⚠️ ボタンは隣接するウィジェットを通じて動作します。 ボタンが遷移する先のウィジェットが無効になっている場合（またはサブスクリプションのない有料拡張機能の場合）、サイトにボタンは表示されません — ゲストは動画を視聴するだけです。パネルはそのようなアクションを事前にマークし、丸いアイコンの統計でも個別の理由として確認できます。

ボタンの標準キャプションと丸いアイコンのシステムキャプションは4つの言語（英語、ロシア語、ジョージア語、トルコ語）に組み込まれています。その他のページ言語では英語になります。独自のキャプションは任意の言語で設定できます。

外観#

「閉じた後に表示しない」— ゲストが×で閉じた後、丸いアイコンが何日間表示されないかを設定します。0 — 訪問終了時（ブラウザセッション）までのみです。

表示するタイミング#

このブロックはマルチボタン、コールバック、「ライブストアフロント」と共通です。ページマスクの「次の場合のみ…」と「次の場合を除く…」（各リストで最大20件、* = 任意のフラグメント、除外が優先）、遅延は最大600秒、デバイス（すべて · コンピューター · スマートフォン）、スケジュール — 最大14件の独自の時間帯または店舗の営業時間。

⚠️ 時間はロケーションのタイムゾーンで計算されます。タイムゾーンが設定されていない場合、時間帯は訪問者の時間で計算されます。

丸いアイコンが自動で動画を再生するタイミング#

これがウィジェットの最も重要なルールです — 速度の契約: 丸いアイコンがプレビューを表示すると決定するまで、ページには動画へのリンクを持つ動画要素が1つもなく、そのファイルへのリクエストも1つもありません。ゲストは動画ではなくポスターをダウンロードします。

サイレントプレビュー（音声なし、ループ再生）は、すべての条件が満たされた場合にのみ開始されます。

1. 設定でプレビューがオフになっていない。
2. ページがすでに読み込まれている — 動画があなたのコンテンツの帯域を奪わない。
3. 丸いアイコンが画面の表示領域内にある。
4. ゲストが「動きを減らす」を有効にしていない（prefers-reduced-motion）。
5. ゲストが通信量の節約（Save-Data）を有効にしていない。

それ以外の場合、丸いアイコンには動画のポスターが表示されます。ポスターがない場合（プラットフォームがまだ作成していない、または動画処理が設定されていない）、丸いアイコンは最初のフレームを表示します。これはポスターより負荷が高いため、条件1、2、5の場合にのみ表示されます。プレビューがオフでポスターもない場合は、枠と▶付きの暗い円が表示されます。

画面に合わせた品質。 動画に360pから1080pまでのバリアントが用意されている場合、ウィジェットは適切なものを選択します。丸いアイコンでは軽いもの、展開ウィンドウではその幅に合わせたものです。バリアントがない場合は、元のファイルが再生されます。

音声はゲストのクリック後のみ。 ブラウザはジェスチャーなしで音声を有効にすることを許可しておらず、当社はこれを回避しません。

ウィジェットの重量 — gzipで約20 KB（async付きタグ）。動画ファイルはこの重量には含まれません。

訪問者に表示される内容と収集される情報#

ゲストには、選択した隅に円形が表示されます。ポスターまたは無音のプレビュー、動画の長さ、その下のキャプションが付きます。クリック（またはキーボードのEnter／スペース）でウィンドウが開きます：

• 動画は音声付きで、「ミュート」ボタンがあります；
• 動画が複数ある場合は、動画間を移動する矢印 ‹ ›；
• キャプションとアクションボタン；
• 閉じるには、×印、Escキー、またはウィンドウ外のクリック。フォーカスは円形に戻ります。

アクションボタンをクリックすると、円形のウィンドウは閉じ、隣接するウィジェットが開きます。他人のページ上に2つのウィンドウが重なるのは行き止まりになるからです。円形自体の小さな×印は、指定した日数の間、円形を非表示にします。

同じ隅にすでに当社のボタン（マルチボタン、コールバック、注文、予約、予約、チャット）がある場合、円形はその上に浮かび上がり、「ライブストアフロント」のバッジは円形の上に表示されます。マルチボタンが円形を吸収することはありません。これは連絡チャネルではないからです。

ウィジェットは個人データを収集しません。 フォームも入力欄もありません。ボタンから行われた注文、予約、予約は、ウィジェット自体と同じセクションに届きます。たとえば「注文」です。円形自体が送信するのは匿名化された統計のみです：表示、展開、3秒を超える音声付き視聴、アクションの種類別のボタンクリック（注文、予約、チャット…）、および閉じる操作です。名前、連絡先、動画番号は含まれません。サマリーは「マイサイト」のウィジェットカードに表示されます。

制限事項#

• 形式は1つ、隅の円形のみです。 ストーリーズ、カルーセル、ページに埋め込まれたプレーヤーはありません。
• 動画はメニューまたはカタログのアイテムの動画のみです。 カードとは別に「単なる動画」をアップロードすることはできません。
• YouTubeとTikTokへのリンクはサポートされていません：外部プレーヤーは独自のCookieを設定し（これは同意バナーに反します）、速度契約が許容するよりも重くなります。
• 再生不可能な動画は表示されません：ブラウザが再生できない形式で、利用可能な品質バリアントがないものは円形に入りません。再生可能な動画が1つもない円形はまったく表示されません。
• 当社のストアフロントには円形はありません — そこでは料理の動画はすでにそのカードに表示されています。円形はお客様自身のサイトでのみ機能します。
• ボタンがなければボタンは表示されません：アクションは隣接するウィジェットに誘導し、それがなければボタンは描画されません。
• 1つの円形に最大6本の動画までです。
• システムキャプションは4言語（en、ru、ka、tr）、その他の言語は英語です。
• cenaly.ruではAIによる動画生成はありません — そこでは動画はアップロードされたもののみです。

トラブルシューティング#

サイトに円形がない。

1. タグが見つからない — 「インストールを確認」。 「コードがない」 — タグが挿入されていないか、テンプレートのすべてのページに配置されていません；「別のロケーションのコード」 — 他人のdata-domainです。タグをGTMで設置している場合、確認では検出されません。
2. ウィジェットがオフ — 「ビデオサークル」カードのトグル。
3. 動画が1つも選択されていない — 動画がなければ円形は描画されません。
4. どの動画も再生可能でない — 選択したすべての動画がブラウザで再生できない形式で、品質バリアントがありません。アイテムのカードにmp4をアップロードするか、動画の処理を待ってください。
5. ゲストが×印で円形を閉じた — 指定した日数の間、円形は表示されません（デフォルトは7日）。シークレットウィンドウまたは新しいブラウザプロファイルで確認してください。
6. 表示条件がページを除外した — マスク、デバイス、遅延、スケジュールを確認してください。
7. 変更が反映されていない — 設定はCDN経由で配信され、キャッシュは最大5分です：待ってからページを更新してください。

円形はあるが、動画の下にボタンがない。 ボタンが誘導するウィジェットがサイトでオフになっています（または拡張機能の場合、未払いです）— 「マイサイト」で有効にしてください。アクション「ドキュメント」には選択したドキュメントが必要で、「リンク」にはhttp(s)://アドレスが必要です。

円形がプレビューを再生せず、ポスターのみ。 プレビューがオフ、ページがまだ読み込み中、円形が画面外、またはゲストが「モーションを減らす」か通信量節約を有効にしている場合は、そのように設計されています。別のデバイスで確認してください。

ウィンドウに「動画を利用できません」と表示される。 動画ファイルが読み込まれていません：アイテムのカードで動画が削除または置き換えられました。円形の設定を開き、動画を選び直してください。

カードの動画を置き換えたのに、円形には古いものが表示される。 円形は特定のアイテム動画へのリンクと選択時のデータを保持しています。動画を選び直してください — 動画がまだ処理中に選択した場合も同様です。

「注文する」が別の料理を開く。 「注文する」ボタンはデフォルトで、その動画のアイテムに誘導します；アクションを手動で変更した場合は、ボタン設定で選択したアイテムを確認してください。

よくある質問#

円形はサイトを遅くしますか？#

ウィジェットはgzipで約20 KBで、asyncで読み込まれます。動画ファイルは、ウィジェットがプレビューを表示すると決定するまでダウンロードされません — プレビューはページの読み込み後、画面の表示領域内でのみ起動します。

動画をウィジェットに直接アップロードできますか？#

いいえ。動画はメニューまたはカタログのアイテムの動画です：アイテムのカードにアップロードするか、料理の写真から生成し（cenaly.ruを除く）、円形で選択してください。

円形をオフにした場合、またはプラットフォームを離れた場合、動画はどうなりますか？#

ウィジェットをオフにしても動画は消えません：それらはメニューアイテムのファイルであり、円形はそれらへのリンクのみを保持しています。ウィジェットをオフにしても、動画は料理のカードに残ります。円形に専用のストレージはなく、そこから移行するものはありません。

YouTubeやTikTokの動画を挿入できますか？#

いいえ。外部プレーヤーはCookieを設定し、円形の速度契約が許容するよりも重くなります。

音声は自動でオンになりますか？#

いいえ。円形のプレビューは常に無音で、音声付きの動画はゲストがクリックした後にのみ再生されます。

動画は何本まで表示できますか？#

1つの円形に最大6本までです。ゲストは矢印でそれらをめくります；それぞれに独自のキャプションと独自のボタンがあります。

円形はCenalyのストアフロントに表示されますか？#

いいえ。ストアフロントでは料理の動画はすでにそのカードにあるため、円形はお客様自身のサイトでのみ機能します。

統計には何が含まれますか？#

円形の表示、展開、3秒を超える音声付き視聴、アクションの種類別のボタンクリック、閉じる操作 — 個人データも動画番号も含まれません。

関連セクション#

• マイサイト — 設置コードとその他のウィジェット
• 自社サイトでのオンライン注文 — 「注文する」ボタンの遷移先
• ライブストアフロント — 動画の横に注文数を正直に表示するバッジ
• マルチボタン — すべての連絡チャネルを1つのボタンに
• Cookiesと同意 — 外部プレーヤーを埋め込まない理由