サイドバースクロール追従、効果的に使っていますか？
サイドバースクロール追従は、記事をスクロールしても指定したウィジェットを画面上に表示し続けられる便利な機能です。
この記事では、Cocoonでサイドバースクロール追従へ広告を表示する方法を実際の画面を使って分かりやすく解説します。
サイドバースクロール追従とは？
サイドバースクロール追従とは、ブログの記事を下にスクロールしても、サイドバーに設置したウィジェットが画面についてくるように表示する機能です。
WordPressのテーマ「Cocoon」では、ウィジェットを使ってサイドバースクロール追従を設定できます。
通常のサイドバーとは違い、ページをスクロールしても画面上に表示され続けるため、広告などを表示する場所として利用できます。
サイドバーとサイドバースクロール追従の違い
| サイドバー | サイドバースクロール追従 | |
|---|---|---|
| 表示場所 | サイドバー | サイドバー |
| スクロール時 | 一緒に画面外へ | スクロールに合わせて表示 |
| 用途 | 検索ボックス・カテゴリーなど | 広告など、常に表示したいもの |
通常のサイドバー
サイドバーは、ブログ記事の横に表示されるエリアです。
人気記事やカテゴリー、検索ボックス、広告など、ブログに必要なさまざまなウィジェットを設置できます。
記事を下にスクロールすると、サイドバーに設置したウィジェットも一緒に画面外へ移動します。
サイドバースクロール追従
サイドバースクロール追従は、通常のサイドバーとは異なり、記事をスクロールしても指定したウィジェットが画面についてくるように表示されます。
そのため、サイドバーに設置した広告をスクロール追従させたい場合などに利用できます。
サイドバースクロール追従に広告を入れるメリット
サイドバースクロール追従に広告を入れるメリットは、記事をスクロールしても広告を画面上に表示し続けられることです。
広告が読者の目にとまりやすくなる
通常のサイドバーに広告を設置すると、記事を下にスクロールしたときに広告も画面外へ移動してしまいます。
一方、サイドバースクロール追従に広告を設置すると、記事をスクロールしても広告が画面上に表示され続けます。
そのため、通常のサイドバーに設置するよりも広告が読者の目にとまりやすくなることがメリットです。
Cocoonでサイドバースクロール追従に広告を入れる方法
サイドバースクロール追従に広告ウィジェットを追加する方法
広告コードを取得する
まず、ASPで広告コードをコピーして取得します。
A8.netで広告コードを取得する方法やサイドバーへの広告の設置方法、バナー広告のサイズ、PR表記についてはこちらの記事で詳しく解説しています。
おすすめのASPについて知りたい方はこちらの記事で解説しています。
WordPressの管理画面を開く
広告コードを取得したら、WordPressの管理画面から「外観」→「ウィジェット」をクリックします。
広告ウィジェットを選択する
［C］広告（PC用）の▼マークをクリックします。
サイドバースクロール追従を選択する
「サイドバースクロール追従」にチェックを入れ、「ウィジェットを追加」をクリックします。
広告コードを貼り付ける
広告タグの入力欄に、先ほどコピーした広告コードを貼り付けます。
「広告ラベルを表示する」にチェックを入れ、「保存」をクリックします。
広告の表示を確認する
最後に、左上のブログ名のところにマウスをのせると「サイトを表示」と出てくるので、クリックします。
サイトを表示して、広告がきちんと表示されているか確認しましょう。
サイドバーにある広告ウィジェットを移動する方法
［C］広告（PC用）を移動する
サイドバーにある［C］広告（PC用）を、「サイドバースクロール追従」にドラッグします。
すると、簡単に移動できます。
広告の表示を確認する
すると、サイドバースクロール追従に広告が移動します。
最後に、ブログのホーム画面で広告が表示されているか確認しましょう。
まとめ｜サイドバースクロール追従で広告を追従表示しよう
サイドバースクロール追従は、記事をスクロールしても指定したウィジェットを画面上に表示し続けられる便利な機能です。
通常のサイドバーに広告を設置すると、下にスクロールしたときに広告も画面外へ移動してしまいます。
一方、サイドバースクロール追従に広告を入れると、スクロールしても広告が表示され続けるため、読者の目にとまりやすくなるというメリットがあります。
サイドバースクロール追従を効果的に活用して、ブログの収益化につなげていきましょう。
A8.netで広告コードを取得する方法や記事に広告を設置する方法は、こちらの記事で詳しく解説しています。
