スマホで見ると、Googleアドセンス広告が微妙にハミ出してしまう時の対処方法

おすすめ記事ピックアップ

BloggerでGoogleアドセンス広告を記事内に掲載して、iPhoneやスマートフォン等のモバイルで表示すると広告がハミ出してしまいずっと悩んでいました。記事内にAdsenceを貼ると、パティングやマージンが設定されているため、広告が微妙にハミ出してしまうんです。CSSでも調整できませんでした。同じように悩んでいる方がいましたら必見です。ついに調整できました。

今まで、アドセンス広告がこんな風にズレていた。

レスポンシブ広告ユニットのスマートサイズにしたら解決できました。google adsence側で対応していました。コード貼り替えるだけでスッキリ。ぴったり表示されると気持ちいいですね。

設定方法も簡単です。Google アドセンスの広告の設定に入り広告サイズで、レスポンシブ広告ユニットを選びます。

広告を作ったらコードを取得します。

スマートサイズ(推奨)を選択して貼り付けるだけです。これは簡単!

Bloggerの記事内に広告を貼り付けるには、テンプレートからHTMLの編集で、コードに直接書き込み必要があります。

記事内の場所は、テンプレートによって異なるので自分で探すしかないのですが、ググっれば、きっと見つかります。コードをそのまま貼り付けると、エラーが出てしまいます。ダブルクオンテーションとかがエラーになるのです。

コードを貼り付けるには、特殊文字変換ツールを使うと簡単です。コードを丸ごと変換しちゃいましょう。
http://tech-unlimited.com/escape.html

変換すれば、コードを貼り付けて保存することができます。

アドセンスの細かい設定はこちらが参考になります。設定しないと横長の広告が表示されてしまうので、レクタングルを表示したい人は、data-ad-format="rectangle"でレクタングルに指定しましょう。
http://www.webdlab.com/css/google-adsense-code-2/

bifで広告の表示を制御したいときはこちらの記事を参考に
http://www.furimuke.com/2013/04/blogger_21.html

長年のもやもやが解決されました。



いいね!と思ったらお願いします。


名前

AddToAny adsence adwords Amazon AmazonFBA Calculator Analytics Blogger BMAG chrome CODEPREP Eclipse envato facebook FAQ feedly Font Awesome Geek Press Gifzo Illustrator kindle LinkWithin Logaster myfonts NAVER Photoshop PHP picasa Premiere Similarweb TOPSY tumblr Wordpress wpX XAMPP zenback ウェブマスターツール ウハウハモウケタイ カスタマイズ ゲストシリーズ ココナラ サイト制作 ドメイン はじめに プレスリリース プレスリリース作成 プレスリリース利点 まとめ ランディングページ リリース送付先の見つけ方 レビュー 考察 子孫セレクタ 思いつきサイト制作 書評 足成 台湾 通販 日記 忍者おまとめボタン 文章の基本
false
ltr
item
ふりむけばコウホウ : スマホで見ると、Googleアドセンス広告が微妙にハミ出してしまう時の対処方法
スマホで見ると、Googleアドセンス広告が微妙にハミ出してしまう時の対処方法
BloggerでGoogleアドセンス広告を記事内に掲載して、スマートフォン等のモバイルで表示すると広告がハミ出してしまいずっと悩んでいました。
http://3.bp.blogspot.com/-UhPUCSV3boI/U7eZqeMeC0I/AAAAAAAASnE/KzhGy1v9ypk/s1600/p001.png
http://3.bp.blogspot.com/-UhPUCSV3boI/U7eZqeMeC0I/AAAAAAAASnE/KzhGy1v9ypk/s72-c/p001.png
ふりむけばコウホウ
http://www.furimuke.com/2014/07/google.html
http://www.furimuke.com/
http://www.furimuke.com/
http://www.furimuke.com/2014/07/google.html
true
8618648785166852656
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All 関連記事:もっと見るはクリック→ LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy