Enjoy!America

アメリカ留学帯同駐在妻生活と旅行とカメラのこと。

MENU view raw

【スポンサーリンク】

はてなブログにアドセンス広告を貼ってみたPC &スマホ(初心者)

カスタマイズにはまってきました、はてなブログ初心者のなつです。

GoogleAdsenseを貼る位置や貼り方で苦戦しています。もう何がなんだか。ハァァぁぁぁ

ここのところ急速に記事を増やしたせいか、Adsenseがエラーになってしまいました。。。新規一転、アドセンスの広告位置を変えてみることにしました。

備忘録も兼ねて参考にした記事を記載していきます。果たして無事に設置できるのか!?

 

f:id:qoochan-1988:20180202130151j:plain

 

 

 

PCにアドセンス広告を貼る方法

 

どの位置が一番儲かるの?

 

一般的には以下の位置に貼るのがよしとされているようです。

 

f:id:qoochan-1988:20180202130535j:plain

今私は記事下とサイドバーには貼れていて、なぜかバグって記事上と記事中に貼れていません。あとスマホにも。。。。。

これみて気づいたんですが、記事下ってメニュー下じゃないのか。勘違いしていました。

【2017年版】アドセンス広告の効果的な設置法

 

 

PCへのアドセンス広告の貼り方

 

アドセンス広告取得の仕方&貼り方です。色々調べてみたところ

記事中のアドセンスは自動化で貼れるように設定すべし。

とのことでした。私の場合レスポンシブデザインを使ってないので、PCとスマホ個別に設定しないといけません。面倒。アドセンスに合格してから結構時間あったのに、記事中に貼ってなかった自分にも愕然。初心者って怖いね。

 

記事中にアドセンスを貼る

 

気を取り直してこちらの記事を参考にPC、記事中、自動化アドセンスを貼ってみた。

english-apple-diy.hatenablog.com

私はこれの記事上・記事下(2つ貼る)を採用しました。記事中に貼るとなんかうざかったので、今後検討しまする!

HTMLを書くところはいずれも記事下です。1日経ってみてみましたが、正常に動いていました!よかった。

※ちなみに、ここに書くとスマホでも表示されるということが後々わかったので、広告タイプはスマホでもいいように、レスポンシブにしました!

 

 

トップページのヘッダーに貼る方法

 

メニューの下が空いてるので、貼りたい、てか以前貼ってたのに、なんかバグったのでやり直したい。

メニュー下に貼るには:カスタマイズ→ヘッダ→タイトル下にアドセンスコードを貼り付け

噂によるとスポンサードリンクを貼る必要があるらしいので、そのHTMLも記載。以下のやり方でうまく反映されました!!

<p style="text-align: center;"><span style="font-size: 70%;">【スポンサーリンク】</span><br />

アドセンス広告のHTMLの広告コードをこの間に入れる
</p>

www.sodelightsyo.com

 

トップページのフッターに貼る方法 

 

 カスタマイズ→フッタにアドセンスのコードとスポンサーリンクのHTMLを記載

 

よし、作動した。ここまではなんとか。

 

 

サイドバーに貼る方法

これ本当に困りました。サイドバーに貼ってないはずなのに、サイドバーに広告があるんですもの(恐怖体験。ねぇ誰が貼ったの、、、?!)自分の過去記事見るも明確な答えが見つからない。以下過去記事。。。もしかしてヘッダーに広告を貼ると自動でサイドバー位置にも入るのか?全然わからない。

www.natsutravel.com

 

解決策が全く見えないけど、以下の方法で新しく設置してみました。 

 

サイドバー→モジュールを追加→HTML→SPONSORなどタイトルをつけて、HTMLのところにアドセンスを貼る

 

www.yama-king.com

 

とりあえずPCは以上。初心者だからかメタクソ時間かかったよ、おい

 

 

スマホにアドセンス広告を貼る方法

 

DUDEを使ってるので、レスポンシブにしてないのです!なのに、ずっと、スマホに広告はるのわすれていたんです、、、なんと愚かな!!

ってん???

スマホを見たら、PCと同じ設定にしたところに、広告が入ってる。

いいの?これでいいの?記事の中のことだから、スマホにも反映されてるってことでいいの?明確な答えは、色々探したけどのってませんが、記事中に関してはそのようです。不思議な。。。

TOPページには別で貼ったほうがいいとのことだったので、貼りました。

 

スマホのヘッダ(メニュー)下にはる

 

スマートホン→ヘッダ→タイトル下→アドセンスコードとスポンサーリンクのHTMLを書き込む

 

スマホのフッダに貼る

 

PC版のフッダにはスポンサーコードしか貼ってなかったので、ここはPCと同じHTMLを表示するにクリックを入れたら反映されました。

 

 

 

 正直かなり苦戦しました。こんな難しいとは。。。。結局未解決なところも多いですが、微調整しながらやっていこうと思います。みんなこれを自力でやってるとかすごいな〜〜〜。。。。