メインコンテンツまでスキップ

プレースメントの作成

プレースメントは、オファーがページ上でどこにどのように表示されるかを指定します。最も一般的なプレースメントの種類はオーバーレイと埋め込みです。

プレースメントの追加

  1. my.rokt.comにログインします。
  2. トランザクションをクリックします。
  3. プレースメントをクリックします。
  4. プレースメントの追加を選択します。 プレースメントの追加
  5. プレースメントテンプレートを選択します。

テンプレートのデザイン

注記

画面上部のボタンを使用して、プレースメントのデスクトップビューとモバイルビューを切り替えることができます。

  1. プレースメントに名前を付けます。

  2. テーマをカスタマイズします:

    1. 設定

      設定説明
      オファープレースメントに表示するオファーの最小および最大数を設定します。
      頻度制限再訪問者に対してプレースメントを抑制する期間を設定します。
      言語プレースメントを表示する言語を選択します。
      プラットフォームプレースメントを表示するプラットフォームを選択します。
    2. 一般的なスタイル

      設定説明
      背景プレースメントの背景色を設定します。
      外側の枠線外側の枠線の太さ半径、およびを設定します。
      間隔プレースメントのマージンおよびパディングをピクセル(px)で設定します。
      上部の区切り線上部のマージンが>0の場合にのみ表示されます。上部の区切り線のデザインパラメータを設定します。
      上部の区切り線は、上部のマージンが>0の場合にのみ表示されます
      下部の区切り線下部のマージンが>0の場合にのみ表示されます。下部の区切り線のデザインパラメータを設定します。
      下部の区切り線は、下部のマージンが>0の場合にのみ表示されます

      一般的なスタイルの設定

    3. 進捗トラッカー

      設定説明
      進捗トラッカーの表示オンまたはオフを切り替えます。
      進捗トラッカーの見た目進捗トラッカーを表示するために番号付き塗りつぶされた円、またはダッシュのいずれかを選択します。
      から始める進捗トラッカーの表示を開始する場所を選択します。最初の広告または2番目の広告のいずれかです。
      番号付きカウンタの開始位置これはから始めるの設定に直接関連しています。最初の広告から番号付けを開始した場合は、ここで1を選択する必要があります。2番目から番号付けを開始した場合は、2を選択します。
      位置進捗トラッカーをプレースメント上に表示する位置を選択します。上部または下部のいずれかです。
      訪問済み進捗トラッカーで訪問済みの広告を示す色を設定します。
      未訪問進捗トラッカーで未訪問の広告を示す色を設定します。

      進捗トラッカーの設定

    4. テキストスタイル

      ドロップダウンからプレースメントで使用するフォントを選択します。

      最初は少数のフォントを利用できますが、以下の方法で独自のブランドフォントをアップロードすることもできます。

      カスタムフォントを追加する

      注記

      このプロセスを開始する前に、フォントファイル(.tff、.otf、.woff、または.woff2)をダウンロードする必要があります。

      以下の手順に従って、配置にフォントを追加できます:

      1. カスタムフォントを管理をクリックします。
      2. 新しいフォントを追加するをクリックします。
      3. フォントを使用するプラットフォームを選択します(複数選択可)。
      4. アップロードをクリックし、ファイルを検索して選択します。
      5. (オプション)オプションのスタイルを表示をクリックし、フォントの太字またはイタリックバージョンをアップロードします。
  3. 保存をクリックします。

ドロップダウンから新しいフォントを選択できるようになります。

配置内の各テキストセクションのフォントサイズ、色、およびマークダウンスタイリング(太字、斜体、下線オプション)などのテキストプロパティを編集することができます。編集しているテキストセクションを理解するには、配置とエディタ内に表示される名前を確認してください。この例では、配置のタイトルセクションが編集されています:

配置のテキストスタイル

  1. ボタン
設定説明
一般
フォントボタンに使用するフォントとフォントサイズを選択します。
ボタンの半径ボタンのエッジの丸み具合を決定します。0 pxは角ばったエッジを提供し、16 pxは最も丸いエッジを提供します。
ボタンのサイズボタンの最小の高さと幅を設定します。
CTAの大文字小文字テキストを入力したまま表示する入力したまま、各単語の最初の文字を大文字で表示するタイトルケース、またはすべての文字を大文字で表示する大文字のいずれかを選択します。
フォーメーション正の応答または負の応答を最初に表示するかを選択します。
モバイルビューモバイルデバイスでボタンをスタックまたは非スタックで表示するかを選択します。
プライマリとセカンダリ
ボタンのスタイルと色を個別に設定します。
  1. ハイパーリンク
設定説明
フッター
デスクトップデフォルトデスクトップで表示される場合の配置のフッターにおけるハイパーリンクのデフォルトスタイルと色を設定します。
デスクトップホバーデスクトップで表示される場合の配置のフッターにおけるハイパーリンクのホバースタイルと色を設定します。
モバイルデフォルトモバイルデバイスで表示される場合の配置のフッターにおけるハイパーリンクのスタイルと色を設定します。
一般
デフォルト配置の本文におけるハイパーリンクのデフォルトスタイルを設定します。
ホバー配置の本文におけるハイパーリンクのホバースタイルを設定します。
  1. オファーの終了動作
設定説明
コンテンツ
タイトル提供されるすべてのオファーの後の配置の最終ページのタイトルを設定します。
メッセージ配置の最終ページに表示されるメッセージを追加します。
スタイル
テキストの配置の最終ページでのテキストの配置を設定します。
  1. セクションをパーソナライズします。

    1. ヘッダー

      設定説明
      コンテンツ
      テキストプレースメントのヘッダーセクションに表示されるテキストを追加します。
      このテキストはプレースメント上で黒色(#000000)で表示されます。
      スタイル
      背景ヘッダーの背景色を設定します。
      ボーダー(オプション) ヘッダーのボーダーの太さ半径、およびを設定します。
      ヘッダーの間隔ヘッダーのマージンパディングをピクセル(px)で設定します。
      テキストの配置ヘッダー内のテキストの配置を設定します。
      セクションの区切りオンにすると、ヘッダーの下に水平線が表示されます。

      プレースメントのヘッダー

    2. オープニングパラグラフ

      設定説明
      コンテンツ
      最初の段落このテキストは事前に入力されていますが、編集することができます。
      2番目の段落(オプション) 必要に応じて追加のテキストを入力するスペースです。
      スタイル
      背景オープニングパラグラフの背景色を設定します。
      ボーダー(オプション) オープニングパラグラフのボーダーの太さ半径、およびを設定します。
      オープニングパラグラフの間隔オープニングパラグラフのマージンパディングをピクセル(px)で設定します。
      テキストの配置オープニングパラグラフ内のテキストの配置を設定します。
    3. オファー

      設定説明
      スタイル
      背景オファーの背景色を設定します。
      ボーダー(オプション) オファーのボーダーの太さ半径、およびを設定します。
      オファーの間隔オファーのマージンパディングをピクセル(px)で設定します。
      設定
      画像プレースメント上で画像を表示するタイミングと場所を決定します。
      配置コンテンツの配置を選択します。
      クリエイティブコピーの配置クリエイティブコピーが表示される場所を選択します。
      ボタンボタンの配置を選択します。
      ネガティブな応答で閉じるこのトグルが選択されている場合、クリエイティブに対するネガティブな応答があるとプレースメントが閉じます。
      応答タイプ表示される応答のタイプを選択します。
    4. 確認メッセージ

      設定説明
      確認メッセージを表示するすべての位置、2番目以降の位置のみ、またはまったく表示しないかを選択します。
    5. クロージングパラグラフ

      設定説明
      コンテンツ
      テキスト(オプション) ボタンの下に表示されるクロージングパラグラフのテキストを入力します。
      ポジション1とポジション2+用に2つのテキストボックスがあります。すべての位置にテキストを表示する場合は、両方のテキストボックスを入力する必要があります。
      スタイル
      背景クロージングパラグラフの背景色を設定します。
      ボーダー(オプション) クロージングパラグラフのボーダーの太さ半径、およびを設定します。
      クロージングパラグラフの間隔クロージングパラグラフのマージンパディングをピクセル(px)で設定します。
      テキストの配置クロージングパラグラフ内のテキストの配置を設定します。
      セクションの区切りオンにすると、クロージングパラグラフの下に水平線が表示されます。必要に応じて区切りのスタイルを設定します。
    6. フッター

      設定説明
      設定
      リンクフッターに表示するリンクを選択します。
      リンクの表示テキストクライアントのプライバシーポリシーを表示するをアクティブにした場合に表示するテキストを入力します。
      URLクライアントのプライバシーポリシーを表示するをアクティブにした場合にプライバシーポリシーのURLを入力します。
      スタイル
      背景フッターの背景色を設定します。
      ボーダー(オプション) フッターのボーダーの太さ半径、およびを設定します。
      フッターの間隔フッターのマージンパディングをピクセル(px)で設定します。
      テキストの配置フッター内のテキストの配置を設定します。
      モバイルビューのリンクリンクをモバイルビューでスタックするか、インラインで表示するかを選択します。
  2. プレースメントを承認するために 保存して閉じる をクリックしてください。

この記事は役に立ちましたか?