メインコンテンツにスキップ

iFrameだけをポップアップに表示したい

対応者:Anthony Glover
一週間前以上前にアップデートされました

Iframeだけを表示する方法

外部サイトの内容を枠や余計なパディングなしでポップアップとして表示したい場合は、以下の手順で可能です。

  1. ディスプレイを新規作成し、「ポップアップ」タイプから「ポイントポップアップ」のテンプレートを選ぶ

  2. テンプレートのコンテンツを全て消去し、フォームのスイッチをオフであることを確認する。

3.「コンテンツを追加」から「HTML」を追加

4. iframe要素のwidthとheight属性をお好みの値に設定し、style="display:block;" を追加し、HTMLコンテンツに貼り付け

 Youtubeの場合はこのようになります。

<iframe width="320" height="180" style="display:block;" src="https://www.youtube.com/embed/5_dVE4U7xUI" title="Promolayerデバッグガイド" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

5.「デザイン設定」> 「サイズと位置」にて、④で設定したwidthの値を 「幅(最大)」に入れる。そして、高さ(最小)、マージン、パディングをすべて0にする

6. 保存して完了

こちらの回答で解決しましたか?