ワードプレス無料テーマ「cocoon」、アドセンス広告の設定方法[記事一覧に挿入する方法]

web関連

先日(2020年2月)、ワードプレスのテーマを、LION MEDIAからCOCOON(コクーン)に変更しました。

アドセンスの広告コードも、COCOONのフォーマットに貼りなおし作業を行いました。

その時の作業を紹介したいと思います。

今回は記事一覧にアドセンス広告を挿入する方法です。

スポンサーリンク

ワードプレス無料テーマ「cocoon」でのアドセンス広告の設定方法

記事一覧の広告の設定方法

広告コードの取得

Googleアドセンスでの作業

まず、Googleアドセンスのサイトから、広告コードを取得します。

①「広告」>「サマリー」>「広告ユニットごと」(「サイトごと」と「広告ユニットごと」があります。)

②「インフィード広告」を選択。

③「自動で広告スタイルを作成する」で、広告を掲載するサイトのTOPページ(記事の一覧が表示されるページ)のURLを貼り付けます。

④「Desktop」か「モバイル」を選択します。

パソコンで表示させる広告は「Desktop」、スマホで表示させる広告は「モバイル」です。

cocoonでは、それぞれのコードが必要になりますので、2つコードを作成することになります。

⑤アドセンスがページをスキャンして、最適なコードを作ってくれます。

⑥「次へ」をクリック

⑦「広告ユニットの名前」をつけます。

あとでどの広告がクリックしたかがわかるので、把握しやすい名前にします。

その他、広告の細かいデザインが設定できますが、あとからでも大丈夫です。

⑨「保存してコードを取得」をクリック。

 

 

スマホ用とPC用で、同じ作業を行ってください。

保存したものは後から見ることができます。

 

ワードプレス側(COCOON)での作業

①ワードプレスのダッシュボードを開きます。

②「外観」>「ウィジェット」を開きます。

③「インデックスリストミドル」に、足したい要素を追加します。

今回は「[C]広告(モバイル用)」と「[C]広告(PC用)」を追加します。

COCOON(コクーン)アドセンス

④それぞれの項目に、先ほどアドセンスで取得したコードを貼ります。

COCOON(コクーン)アドセンス

⑤プルダウンは「広告コードをそのまま表示」にします。

⑥「広告ラベルを表示する」は任意です。

⑦保存します。

これで完了です。

 

記事一覧にアドセンスの広告が表示されない場合

わたしも最初はアドセンスの広告が表示されませんでした。
その場合は、以下の点を見直してみてください。

①表示にはしばらくは時間がかかる

設定直後はすぐに表示されません。

特に決まりはないと思いますが、2時間後くらいに見てみましょう。

②ワードプレス側の設定を間違えている。

わたしもこれで表示がされませんでした。

ウィジェットのプルダウンで「オート(Adsenseにおまかせ)」というのは、正解っぽい気がしますが、これにしていると表示されないようです。

③アドセンス側のコードが正しく取得できているか。

別のコードタイプ(バナータイプなど)を選択していても表示はされると思いますが、一度見直してみてください。

スマホ・PCの選択を間違えている可能性もあります。

タイトルとURLをコピーしました