先日(2020年2月)、ワードプレスのテーマを、LION MEDIAからCOCOON(コクーン)に変更しました。
アドセンスの広告コードも、COCOONのフォーマットに貼りなおし作業を行いました。
その時の作業を紹介したいと思います。
今回は記事一覧にアドセンス広告を挿入する方法です。
ワードプレス無料テーマ「cocoon」でのアドセンス広告の設定方法
記事一覧の広告の設定方法
広告コードの取得
Googleアドセンスでの作業
まず、Googleアドセンスのサイトから、広告コードを取得します。
①「広告」>「サマリー」>「広告ユニットごと」(「サイトごと」と「広告ユニットごと」があります。)
②「インフィード広告」を選択。
③「自動で広告スタイルを作成する」で、広告を掲載するサイトのTOPページ(記事の一覧が表示されるページ)のURLを貼り付けます。
④「Desktop」か「モバイル」を選択します。
パソコンで表示させる広告は「Desktop」、スマホで表示させる広告は「モバイル」です。
cocoonでは、それぞれのコードが必要になりますので、2つコードを作成することになります。
⑤アドセンスがページをスキャンして、最適なコードを作ってくれます。
⑥「次へ」をクリック
⑦「広告ユニットの名前」をつけます。
あとでどの広告がクリックしたかがわかるので、把握しやすい名前にします。
その他、広告の細かいデザインが設定できますが、あとからでも大丈夫です。
⑨「保存してコードを取得」をクリック。
スマホ用とPC用で、同じ作業を行ってください。
保存したものは後から見ることができます。
ワードプレス側(COCOON)での作業
①ワードプレスのダッシュボードを開きます。
②「外観」>「ウィジェット」を開きます。
③「インデックスリストミドル」に、足したい要素を追加します。
今回は「[C]広告(モバイル用)」と「[C]広告(PC用)」を追加します。
④それぞれの項目に、先ほどアドセンスで取得したコードを貼ります。
⑤プルダウンは「広告コードをそのまま表示」にします。
⑥「広告ラベルを表示する」は任意です。
⑦保存します。
これで完了です。
記事一覧にアドセンスの広告が表示されない場合
わたしも最初はアドセンスの広告が表示されませんでした。
その場合は、以下の点を見直してみてください。
①表示にはしばらくは時間がかかる
設定直後はすぐに表示されません。
特に決まりはないと思いますが、2時間後くらいに見てみましょう。
②ワードプレス側の設定を間違えている。
わたしもこれで表示がされませんでした。
ウィジェットのプルダウンで「オート(Adsenseにおまかせ)」というのは、正解っぽい気がしますが、これにしていると表示されないようです。
③アドセンス側のコードが正しく取得できているか。
別のコードタイプ(バナータイプなど)を選択していても表示はされると思いますが、一度見直してみてください。
スマホ・PCの選択を間違えている可能性もあります。