ユニットの表示位置を選ぶ
おすすめをサイトのどこに表示するかは、お客様が決められます。ほとんどのメンバーはマークアップに触れる必要がなく、プレビューで場所を指定すると、スクリプトがそこにユニットを配置します。
自動配置
何も選ばない場合、スクリプトはメインコンテンツ(articleまたはmain要素)の末尾、つまり読者が読み終えたところに、ユニットを1つ追加します。
プレビューとドラッグ
連携 → 自分のサイトでプレビューを開くと、サイト独自のフォントと色のサンプルユニットを載せた、ページのコピーが開きます。ドラッグするか、希望の場所をタップするか、上下ボタンで動かしてから、「この位置を使用」を押します。
- 位置は、ページ構造内の場所として記憶され、同じ構造で作られたすべてのページに適用されます。
- その場所がないページには、ユニットは表示されません。
- プレビューは、ご自身のページ間や、スマートフォン幅と全幅の間で切り替えられます。
- 「自動に戻す」で、選択が解除されます。
プレビューには、サーバーが送信するHTMLが必要です。ブラウザ上でのみ描画されるサイトや、6 MBを超えるページはコピーできません。その場合は、広告枠を手動で配置してください。
広告枠を手動で配置する
ユニットを表示したい場所に要素を追加します。サイズを指定しない場合、利用可能な幅いっぱいのおすすめブロックになります。
<div data-loop-slot="article-end"></div>固定のバナーサイズ
広告枠にサイズを指定すると、バナーになります。ユニットが読み込まれる前にスペースが確保されるため、ページ上のものがずれることはありません。
<div data-loop-slot="sidebar" data-loop-size="300x250"></div>| サイズ | 主な配置場所 |
|---|---|
| 300×250 | サイドバー、コンテンツ内 |
| 320×50、320×100 | スマートフォン幅 |
| 728×90 | コンテンツの上または下 |
| 970×250 | ワイドなページヘッダー |
| 160×600 | 縦長のサイドバー |
制限
- 1ページで表示される広告枠は最大8つです。
- 同時に読み込まれるユニットの間で、同じプロモーションは繰り返されません。
- 表示するのにふさわしいものがない広告枠は折りたたまれ、スペースを取りません。