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

ディスプレイを作成するには

ディスプレイ(ポップアップ)の基本的な作成方法を説明しています。詳細は別のマニュアルにリンクしています。

事前準備

以下は必須ではありませんが、必要に応じてご準備ください。

  • ディスプレイに表示する画像(PC/モバイル)

  • カスタムJavaScript、カスタムCSSのコード

  • 他ツールと連携を行う場合は連携先のアカウント・連携する項目

手順

  1. Promolayerトップページの「ディスプレイを作成」をクリックします。

  2. 用途に近いテンプレートを選択し、「このテンプレートを使う」をクリックします。

    テンプレートの選び方はこちらを参照してください。

  3. ディスプレイ名を入力して「作成する」をクリックします。

  4. デザインルール、アクションを設定します。ディスプレイでクーポンを配布する場合はこちら

  5. プレビューをクリックし、表示を確認します。

  6. プレビュー結果が問題なければ、ステータスをLiveに変更してください。

  7. 対象サイトページを開き、設定どおりに表示されることを確認できたら完了です。

画面説明

項目

説明

①ディスプレイ名

タイトルをクリックすると編集できます。

②コンテンツ / デザイン設定

ディスプレイのビジュアルを設定します。「コンテンツを追加」ボタンよりパーツを追加できます。デザイン設定では画像の差し替えやサイズ調整などを行うことができます。

③PC / モバイルモード切替

PCとモバイルでの見た目を確認できます。デザインで設定した内容はPCとモバイル共通です。

④デザイン / ルール / アクション

デザイン:ライブプレビューをみながらデザインを変更します。
ルール:いつ表示するか、誰に表示するか、どのページに表示するかなどのルールを設定します。
アクション:コンバージョン後の動作を設定します。

⑤メイン / サンキュー / ティーザー

ディスプレイのメイン、サンキュー、ティーザーを設定します。メインでフォーム送信やルーレットゲームを設定した場合にサンキューが有効になります。ティーザーはディスプレイを最小化して画面の端に待機します。

⑥ステータス / プレビュー / 保存 / 閉じる

ステータス:ドラフトモード(Draft)とライブモード(Live)を切り替えます。
プレビュー:指定したサイトURLで実際の見え方を確認できます。
保存:現在の設定を保存します。
閉じる:ディスプレイ編集画面を閉じてディスプレイ一覧に戻ります。保存していない内容は失われます。

⑦ライブプレビュー

現在の設定でどう表示されるかをプレビューする機能です。変更は即時に反映されるため、ライブプレビューを見ながらデザインの調整ができます。

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