Blogger スマホにアドセンスを表示させる方法 -2018

はてブなどのブログ・プラットホームやWordPressなどと比べると、小技を使うのが大変なBloggerですが、スマホ用の広告表示は知ってしまえば、凄く簡単。

手順は次の通り。

1. テーマで「ブログで使用中」のテーマを変更します。

　モバイルテンプレートはカスタム選択に変更した後に以下の手順を実行。

２．アドセンス・コードの貼り付け

テーマのhtmlの編集画面を開いて、「CTRL＋F」で以下を検索。

<div class="’post-header-line-1’/">

をテンプレートから探し出します。’post-header-lineで検索すると便利です。

２カ所あるので、１個目のすぐ下にアドセンスコードを貼付け。

（３．アドセンス・コードの形式を実態コードに変換）

「&lt;」→「&lt;」、「&gt;」→「&gt;」という様に変換します。

とガイドしてくれているサイトもありますが、今時、やらないで良くない？
ということでとりあえず、そのまま貼り付け。

!!やっぱり変換しなくて良かった。そのまま貼り付ければＯＫ　この手順は不要でした。!!

（４．今度はスマホの記事下に表示させる設定）

先ほどの下にいれた広告コードのすぐ下の<data:post .body="">を同じ様に
検索して探して、その下にアドセンスの広告コードを張ります。

!!これはＰＣ表示の際に、サイドバーの広告が出るように設定していると、スマホの場合、自動で 記事下に広告が表示されるようになっているので（BloggerのAuto ad設定利用でレスポンシブ対応済み）、で不要でした。４もやらないことにします。!!

ということで、結果がこちら。



別のブログでやっている記事のスマホのスクリーンショットです。

「成功者からのメッセージ」というブログで、アメリカの起業家の心に残る発言を中心に紹介しています。 興味があったら見てみてください。

タイトルと本文の間にスマホ用の広告が挿入されました。

ＰＣでは表示されません。

少し大きすぎるかとも思うし、広告に表示されているような悩みなんてないけど、、、

まあ、Ｇｏｏｇｌｅ様を信じてよしとしましょう。