おすすめ記事ピックアップ
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
長年のもやもやが解決されました。
今まで、アドセンス広告がこんな風にズレていた。
レスポンシブ広告ユニットのスマートサイズにしたら解決できました。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
長年のもやもやが解決されました。