ガレージハウスで愛車と気ままな日々‼️ 目指せSETAGAYA base🚘的生活‼️

30歳の一般人です。クルマが好きすぎてガレージハウスを建てました。ローン地獄ですが頑張って返済中です。。。建設までの経緯やその後、愛車について少しずつ書いていきたいと思います。

記事下にアドセンス広告を入れることに成功したのでまとめてみる

先日の運営報告の記事でも書いた通り、記事下にアドセンス広告を挿入しようと試みていたのですができない状態でした

www.omsincarandhouse.work

 

いろいろなサイトで調べてアドセンスの広告を挿入していたのですがこの状態でした

f:id:omsin:20200121191224j:plain

 

“スポンサーリンク”のタブはでるのですが、その下に広告が出ない状態でした

 繁栄まで時間がかかるのかと思い、2日ほど放置してみたのですが、状態は変わりませんでした

 

そこで、別のサイトからHTML文書を引用することにしました 

今回参考にしたサイトはこちらです

www.halu7.com

このページに書かれているHTML文書を利用しました

 

そして、自身のアドセンスコード記入欄に記入する広告タブをアドセンス側で作成します

f:id:omsin:20200121191231j:plain

アドセンスのページから広告ユニット作成、ディスプレイ広告へと進みます

 

f:id:omsin:20200121191240j:plain
f:id:omsin:20200121191235j:plain

そこで、コード作成ツールに進みます

まずはHTMLで出てきますので、こちらを挿入してみたのですが特に変わらず、広告の表示はされないままでした

そこで、AMPのコードタブにしてみました

そこには2段コードがかかれていますが、上の<head></head>間に挿入するコードを挿入してみたところ、ついにうまくいきました!

f:id:omsin:20200121191226j:plain

これでようやくアドセンス広告が挿入できました

 

先のサイトのHTML文書は横に2つ並べて表示するコードなので、2か所に広告コードを挿入する欄があります

そのうち片方は前者のHTML、もう一つは後者のAMPを挿入しました

その結果、AMP側が認識され一つの広告が表示されるようになりました

 

まあ、広告が入ればいいので、このままにしまています

 

広告挿入になかなかてこずりましたが、何とか挿入することができました

 

はてなブログでブログを運営していて、記事内広告の表示に悩んでいる方がおられましたら、参考にしてみてください