サポート サポートへのお問い合わせ | システムステータス システムステータス
ページコンテンツ

    ページ内エクスペリエンスのプレビューと公開

    このトピックでは、ページ内エクスペリエンスをプレビューして公開する方法について説明します。

    ページ内エクスペリエンスは、デザイン中にいつでもプレビューして、さまざまな種類のデバイスでの表示を確認できます。公開ダイアログでは、エクスペリエンスに加えられた変更を公開する機能と、Web ページに追加する埋め込みコードを生成します。

    ページ内エクスペリエンスのプレビュー

    ページ内エクスペリエンスをプレビューすると、Gallery インターフェイス内で表示しなくても、エクスペリエンスがどのように表示されるかを確認できます。

    1. ページ内エクスペリエンスをプレビューするには、エクスペリエンスを編集し、[ プレビュー ] をクリックします。
    2. デスクトッププレビューが新しいブラウザタブで開きます。
    3. 左上隅のドロップダウンリストを使用して、さまざまなデバイスの種類やさまざまなエクスペリエンスの状態でのエクスペリエンスをプレビューできます。

    ページ内エクスペリエンスの公開

    ページ内エクスペリエンスに変更を加える場合は、その変更をサイトに表示するために公開する必要があります。エクスペリエンスに変更を加えて公開しない場合、変更は実稼働サイトに表示されません。

    ページ内エクスペリエンスを公開するには、次の手順に従います。

    1. ページ上部の [ 公開と埋め込み ] をクリックします。パブリッシュダイアログが開きます。
    2. [ 変更を公開 ] をクリックします。公開ステータスが発行中... 」に変わります。
    3. パブリッシュが完了したら、公開ステータスを確認します。ステータスは [ このエクスペリエンスは最新です] になっている必要があります。 エクスペリエンスが更新されるまで数分かかる場合があります。

    エクスペリエンスに変更が加えられたら、エクスペリエンスを再公開する必要があります。

    埋込みコードをコピーする

    埋め込みコードは、サイトにページ内エクスペリエンスを表示するために必要です。エクスペリエンスが初めて公開されると、埋め込みコードをコピーしてサイトに挿入できます。エクスペリエンスに変更が加えられて公開されると、それらの変更はサイトに表示されます。

    埋め込みコードには次の 2 種類があります。

    • 推奨 -ほとんどの場合に推奨されます。ページ内エクスペリエンスは、<div>ページのタグ内に表示されます。推奨は、エクスペリエンスがそれ自体のサイズを変更し、ページ上で応答性の高い方法で動作できるようにするために必要です。
    • JavaScript を使用しない -ページ内エクスペリエンスは、<iframe>ページのタグ内に表示されます。通常、これは、CMS <script>または埋め込みを許可しない他のプラットフォームにエクスペリエンスを埋め込むときに行われます。ページ内エクスペリエンスは常に No JavaScript 埋め込み内に正しく収まるとは限らず、エクスペリエンスにスクロールバーや余分な空白スペースがあるというリスクが高くなります。このオプションでは機能が正しく動作しない場合があります。可能な限り、推奨 (JavaScript) 埋め込みを使用して埋め込むことを強くお勧めします。たとえば、このオプションを使用すると、アナリティクスでは正しい URL が報告されず、ライトボックスの再生が全画面表示にならず、iFrame のサイズに制限されます。再生前/再生中/再生後にエクスペリエンスの高さを変更すると、エクスペリエンスの下部に空白が追加されるか、またはスクロールエクスペリエンスが表示されます。

    埋め込みコードをコピーするには、[ 埋め込みコードをコピー ] をクリックします。

    モバイルデバイス上でページ内エクスペリエンスを正しく拡大するには、viewport周囲のサイトにメタタグを追加することをお勧めします。例は次のとおりです。

    <メタ名 =「ビューポート」コンテンツ=「幅=デバイス幅、イニシャルスケール=1.0" >
    
    

    viewportタグの詳細については、このドキュメントを参照してください

    ダイナミックビデオオーバーライドを使用する

    ページ内エクスペリエンスで動画を変更したい場合があります。たとえば、エクスペリエンスの動画は、エクスペリエンスが埋め込まれているサイトの領域に基づいて変更する必要がある場合があります。新しいページ内エクスペリエンスを作成する代わりに、それぞれに異なる動画セットを使用する代わりに、1 つのエクスペリエンスを作成し、埋め込みコードを変更して、適切なビデオをエクスペリエンスに動的に割り当てることができます。ダイナミックビデオオーバーライドの使用については、ページ内エクスペリエンスでダイナミックビデオオーバーライドを使用するを参照してください