現在「イノセンス」スキンを適用中です。

モバイル時のAdSenseで、左右が切れる件 | Cocoonテーマに関する質問 | Cocoon フォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

対象のページのURL:

相談内容:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

また、問題の解決に至った場合には、トピック冒頭の「解決済み」リンクをクリックしていただけますと幸いです。

wpForoの解決済みリンク

また、有用な返信があった場合は「いいね!」リンクもご活用ください。返信者の励みになります。

wpForoのいいねリンク

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

スポンサーリンク
モバイル時のAdSenseで、左右が切...
 
共有:
通知
すべてクリア

[解決済] モバイル時のAdSenseで、左右が切れる件


mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

どこのカテゴリーに書いて良いのか悩み、結局雑談にしました。

このCocoonのサイトでも発生している、モバイル時のAdSense広告の左右が切れる件ですが。。。

 
 
以下のトピックも関係しているかもしれません。
 
Twitter公式アプリからページを表示した時だけ広告が右にずれる
https://wp-cocoon.com/community/postid/48200/
 
[解決済] バナー広告の設置について
https://wp-cocoon.com/community/postid/50872/
 
 
 
以下の条件で、解消するかも知れません。
(ただ、モバイル時のAdSenseのScriptエラーは解消しないです。)
 
  1. 広告ウィジェットを使う
  2. data-full-width-responsiveは、「false」を指定する
  3. data-ad-formatは、自分で指定する
    ( "rectangle"(レクタングル)、"vertical"(縦長)、"horizontal"(横長))
  4. ウィジェットの広告フォーマットは、「広告コードをそのまま表示」を選択する
 
 
項番1~3の条件が揃っていても、項番4で「オート(AdSenseにおまかせ)」やその他のものを選択すると、上手くいかないような気がします。
 
違いは、何かと言えば、ソースコード上では、
<ins class="adsbygoogle"
 
の前に、
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
 
があるかないか。。。しかない気がします。
(「広告コードをそのまま表示」を選択すると、上記Scriptが出てくる。。。気がします。)
 
 
ただ、項番3の「data-full-width-responsive」を「false」にしないとダメ…というのもどうなんだろう…と。
(「true」ではダメでした。)
 
 
関連コンテンツは、まだCocoon設定からしているので、解消の確認はしていないです。

mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

ちなみに、以下ですが。。。

投稿者:: @mk2_mk2

ただ、項番3の「data-full-width-responsive」を「false」にしないとダメ…というのもどうなんだろう…と。

G●●gleさん、上手くやってよ。。。という意味です。

おまかせできないじゃん、という嘆きでしょうか。


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 

これは、他テーマでも同様の表示になります。
「data-full-width-responsive」を「false」とかも試したことがあるのですが、うまくいきませんでした(もしかして、うまくいったのですか?)。
Cocoonテーマを使用していない東スポとかのGoogle広告でもまともに表示されてないので、ちょっと何が正解なのかわかりません。
正しい表示がされている、ページのURLを提示していただければ、そのページを参考に修正出来ればと思います。
ただ、今まで何度か提示をお願いしたことがあるのですが、ずれないでで表示されるページが出てきたことがないので是非僕も知りたいです。

あとこのトピックは、「Cocoonテーマに関する質問」フォーラムに移動させていただきます。


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 

違うテーマを使用している、こちらとかでもおかしな表示になります。
https://bokuafi.work/adsense-broken-layout/
どうしたらいいんだか。


mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

わいひらさん

すみません、私のサイトは非公開で…。
(大変申し訳ない。。。です。ちょっと今は、大変ヤバい状況にあるのです。。。30日くらい監視されます。)

 

元々は、他の方のサイトを拝見していて、気づきました。
(チャンビアさんのサイトです。)

投稿ページ中のAdSenseは、はみ出しているのに、関連コンテンツははみ出していないのです。
(私のサイトでは、関連コンテンツもはみ出します。)

その違いはなにか…と思ったところ、先にも書きました条件です。

少しだけ実験しましたので、先に書いたことと重複しますが、書きます。
(画像をつぎはぎしますので、途中で再編集できなくなったら、別の返信に続けます。)

 

正直、上手くいっているのかは分かりません。
以下のエラー(幅を取得できない?)は、出続けます。

 
 
以下は、どちらもバナー広告です。
どちらも広告ウィジェットを使用しています。
 
 
 
上は正しくバナー広告になってはみ出さず。
下は、バナーにならず、更にはみ出しています。
 
その違いですが。
 
上は、以下のように設定しました。
 
私が先に書いた以下の条件で設定した感じです。
投稿者:: @mk2_mk2
  • 広告ウィジェットを使う
  • data-full-width-responsiveは、「false」を指定する
  • data-ad-formatは、自分で指定する
    ( "rectangle"(レクタングル)、"vertical"(縦長)、"horizontal"(横長))
  • ウィジェットの広告フォーマットは、「広告コードをそのまま表示」を選択する

 

下のバナー広告は、Cocoon設定に入力したコードを使用するカタチで、ウィジェットで「バナー」を指定しています。

 
Cocoon設定に入力しているコードは
  • data-full-width-responsiveは「true」
  • data-ad-formatは「auto」

の状態です。

 

そろそろ別の返信に分けます。


mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

続いては、ソースコードを比較します。

上の正しい表示のバナーは、以下のような感じでした。

 
  <div class="ad-wrap">
    <div class="ad-responsive ad-usual"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 投稿タイトル上(横長) -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="xx-xxx-xxxxxxxxxxxxxxxx"
     data-ad-slot="xxxxxxxxxx"
     data-ad-format="horizontal"
     data-full-width-responsive="false"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
 
 
 
下のはみ出してしまうコードは、以下です。
 
すみません、コード入力するとエラーになってしまいます。
以下に貼り付けました。
 
 
違いは、「data-full-width-responsive」が「false」なのはそうなのですが。
 
以下の有無なのではないかと推測しています。
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
 
 
試しに、カスタムHTMLにコードを指定すると、広告は正常に表示されるように思います。
「data-full-width-responsive="false"」だけは変更する必要がありそうです。
データフォーマットも、コントロールするなら指定する必要はあると思います。
 
カスタムHTMLであれば、Scriptが出てくるからではないか…と推測しています。
 
 
私のサイトの関連コンテンツには、「<script async src="https://pagead2~」はないのですが。
チャンビアさんのサイトの関連コンテンツには、それが表示されているように思います。
 
関連コンテンツもカスタムHTMLに貼り付けてみたのですが直ぐには表示されないようで、ちょっと今は検証を注視しています。
 
私のサイトは、ちょっとヤバい状態のようですから、あまり変なことは止めておきたいのです。
 
 
私のあくまでも推測ですが。
  • data-full-width-responsive="false"であること
  • 「<script async src="https://pagead2~></script>が、
    「<ins class="adsbygoogle"」の前にあること

 

上記の2つの条件が必要なのではないか。。。と思っています。
(チャンビアさんのサイトは、関連コンテンツですので、data-full~はないのですけど。)

 
 

mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

わいひらさんにこういう説明をするもの。。。ですが。

今はみ出している広告は、どうも全幅で表示しようとしているように思います。
G●●gleが。
(幅が取得できない的なエラーが関係している?)

そのため、ネガティブmarginを指定していて、そのはみ出した部分が表示されていないのだと思います。

 
 
無理矢理「position: absolute;」を追加して表示させてみると、やはり全幅広告のようです。
(他の部分の表示は崩れますが。)
 
 
これを上手く表示する方法が見当たらず。。。
全幅は諦めて、「data-full-width-responsive="false"」にするしかないのかなぁ。。。と感じています。
 
ただ、それだけでは上手く表示はできず。。。
やはり、「<script async src="https://pagead2~></script>」は必要なのかなぁ。。。と、アバウトに思っています。
 
すみません、自分のサイトを提示できなくて。

mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

ちなみに、わいひらさんにご提示いただいた、以下のサイトですが。

https://bokuafi.work/adsense-broken-layout/

私のスマホからは、全幅で表示に成功しているように見えます。
(全幅だと、押しちゃいそうですが。)

 
<div class="textwidget custom-html-widget">
<p style="text-align: center;">広告<br />
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
<ins class="adsbygoogle"
style="display:block"
data-ad-client="xx-xxx-xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxx"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</p></div>
 
やはり、「<script async src="https://pagead2~</script> 」が出ているように思います。
 
そして、良く見る以下のエラーが出ていないんですよね。
 
何が違うのでしょう。。。
 
 
デベロッパーツールからも、全幅で表示されているようです。
 
 
全幅かどうかはともかく、何とか表示できると良いのですが。
(とりあえず、私が提示した条件を設定すると、はみ出さずに表示はできています、全幅ではありません。私のサイトは犯人捜し中で、閲覧制限をしています、重ね重ねすみません。。。)

mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

関連コンテンツのはみ出しが解消しました。

やり方を書きます。

まずは、画像から。

 
「Cocoon設定」-「広告」の画像です。
ここの「関連コンテンツ用コード入力」欄にコードを入力すると、実際の表示ははみ出ます。
 
その際のHTMLコードは、以下のようになっていました。
 
 
元々、「Cocoon設定」-「広告」-「関連コンテンツ用コード入力」に設定しているコードと比較すると。
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
 
がない状態で、
data-full-width-responsive="true"
 
が追加されていました。

わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 

現在当サイト(当トピックページ)の広告は、

  • insの上に「<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>」あり
  • data-full-width-responsive="true"

という状態になっています。
ただ、僕の環境(Chromeデベロッパーツール)だとやっぱりはみ出します(左右ではないけど)。
1度、この状態でmk2さんの環境だとどうなるか見てもらってよろしいでしょうか。

もしこれでダメなようでしたら、次は

  • insの上に「<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>」あり
  • data-full-width-responsive="false"

にしてみます。

This post was modified 2週間前 by わいひら

mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

続いて、関連コンテンツがはみ出さなくなった方法です。

関連コンテンツ用のAdSenseのコードは、以下の画像の青字部分に入力しました。

 
 
そして、表示させたい場所に、広告ウィジェットを設置します。
 
「広告コードをそのまま表示」を選択しておくことが必要です。
 
この際のソースは、以下のような感じです。
 
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

上記のScriptが出てきて、

data-full-width-responsive="true"
 
上記はなくなりました。
 
チャンビアさんのサイトを参考に、どうすれば同じになるか、試した結果です。
 

mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

わいひらさん

このCocoonのサイトは、以下が出ています。

 
私のサイトにも出ています。
これが出ていると、全幅表示「data-full-width-responsive="true"」ははみ出してしまうようです。
 
ですので、「data-full-width-responsive="false"」にする必要があると思います。
 
 
 
上記画像のエラーが出ていないサイトでは、全幅表示「data-full-width-responsive="true"」でも大丈夫みたいです。

わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 

まともに表示されないのは、僕だけの環境なんだろうか。
https://bokuafi.work/adsense-broken-layout/
Chrome派生ブラウザではなくて、本家Chromeにしてもやっぱりはみ出す…。


mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

私からは、全幅で表示できているように見えます。

 
アドセンスのScript関連のエラーもこのサイトは出ていないです。

わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 

このエラーメッセージは、CSSで非表示にしている広告ユニットに対してadsbygoogle.push()すると出るエラーなので、スクリプトコードの位置とは関係ないような気がします。

けれど一度、CSSで非表示になる広告部分を外してみます。後で。

This post was modified 2週間前 by わいひら

mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

わいひらさん

投稿者:: @yhira

このエラーメッセージは、CSSで非表示にしている広告ユニットに対してadsbygoogle.push()すると出るエラーなので、スクリプトコードの位置とは関係ないような気がします。

これは納得しました。

私のサイトで、このエラーが表示されている個数と、
「広告(PC用)」を使用している数が一致します。

ということは、わいひらさんの仰っている通りだと思います。


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 

とりあえず、このサイトでCSS非表示広告となりそうな広告を全て外してみました。
エラーもでなくなりましたが、やっぱり僕の環境だと広告がはみ出すようです。
自分の環境がおかしいのかな…。


mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

うーん。

私の環境で試したところ。

以下の状態だと、

 
正しく表示されます。
 
 
 
同じウィジェットで、広告フォーマットだけを変更すると
 
はみ出てしまいます。

わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 

こちらがだめだったようなので

  • insの上に「<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>」あり
  • data-full-width-responsive="true"

 当サイトもこちらの環境にしてみました。

  • insの上に「<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>」あり
  • data-full-width-responsive="false"

 ただやっぱり添付画像のようにはみ出しちゃうんですよね…。
ここら辺は何度も試しているのですが、毎回このような状態になります。
他の方の環境だとどうなんだろう…。

 

This post was modified 2週間前 by わいひら

mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

今現在のこのCocoonフォーラムをみると、私からははみ出ていないです。

こちらはChrome

 
 
以下は、Firefoxです。

わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 
投稿者:: @mk2_mk2

以下の状態だと、

 
正しく表示されます。

これ、horizontalではなくてrectangleだとどうなりますか?


mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

はみ出さないですね。


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 
投稿者:: @mk2_mk2

今現在のこのCocoonフォーラムをみると、私からははみ出ていないです。

マジで?そしたら、いよいよ僕の動作環境がおかしいのかも。


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 

Chromeはダメだけど、Firefoxならいける。


mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

スマホの実機でもはみ出さないです。


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 

現在、こちらのエラーが出る状態に当サイトを戻しました。これだとどうでしょう?
これではみ出さない場合は、data-full-width-responsive="false"に変更しておこうと思います。

This post was modified 2週間前 2回 by わいひら

mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

はみ出さないですね。

 
 
スマホ実機でも確認しましたが、はみ出さないです。

わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 

そしたら現在こちらの状態にしてみました。

  • insの上に「<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>」なし
  • data-full-width-responsive="false"

これだとどうでしょうか?


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 

僕の環境の公式Chromeデベロッパーツール環境もシークレットモードでも、やっぱりはみ出して表示される…。
Chrome拡張とかの問題とかでもないのか…。


mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

あら、はみ出しません。

スマホ実機で確認しました。

 
 
Chromeのデベロッパーツールでもはみ出さないですね。
 
 
Firefoxでも。

mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

私のサイトでも、以下をやってみました。

  • insの上に「<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>」なし
  • data-full-width-responsive="false"

やはり、はみ出さないみたいですね。

 

では、ちょっと昼食を食べてきます。
(もしかすると、わいひらさん修正くださっているのかも。そんな中すみません。)

 


mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

そう言えば、ちょっと思い出しました。


「data-full-width-responsive="false"」は、以前私もやったことがあります。

その時は、デベロッパーツールでしか試していませんでしたが、その際にはやはり、はみ出したままでした。

それで「効果ないじゃん。。。」と思っていました。


突然思い立ち、一昨日(6/9)に、

  • insの上に「<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>」なし
  • data-full-width-responsive="false"

で、やってみたところ、はみ出さなくなりました。


しかし、先程やってみたところ、

  • insの上に「<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>」なし

は、条件ではない感じですよね。


もしかして。。。

「data-full-width-responsive="false"」がきいていかなかったのって。
ごくごく最近に、Chromeのバージョンアップがありましたが、それが関係していたりしますか?
(デベロッパーツール上のことではありますが。)

ちなみに、私のChromeは「バージョン: 91.0.4472.101」です。

 

今度こそ、昼食を。。。


mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

ああ、間違いに気づきました。
(今更もう。。。という気もしますが。)

1つ上の返信の一昨日(6/9)と、先程やってみた。。。の部分は、以下が正しいです。

  • insの上に「<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>」あり

 


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 

とりあえず、data-full-width-responsive="false"でアップしておきました。
https://github.com/yhira/cocoon/commit/30f2985973d8a4a7c86e8e4e3d530bc6b7c61c8e
近いうちに自動アップデートもかけます。

投稿者:: @mk2_mk2

「」は、以前私もやったことがあります。

その時は、デベロッパーツールでしか試していませんでしたが、その際にはやはり、はみ出したままでした。

それで「効果ないじゃん。。。」と思っていました。

僕もこれまで、5、6回は試してうまくいかなかったので、効果がないものと思っていました。
※僕のChromeデベロッパーツール環境では現在でもうまくはいっていないですが 😥 

とりあえず、僕以外のChrome環境や実機で正常動作しているのが確認できたのは大きな収穫です。


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 
投稿者:: @mk2_mk2

しかし、先程やってみたところ、

  • insの上に「<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>」なし

は、条件ではない感じですよね。

これはおそらく関係ないと僕は思っています。

これが動作してなかったら、パソコンでも表示されないですし、asyncで読み込まれているので、実行タイミングとかもあまり関係なさそうですし。


mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

わいひらさん

ありがとうございます。

ちょっと今、スマホしかない状態ですので、後ほど確認させていただきます。

確認が終わったところで、ご連絡いたします。


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 12129
わいひら - Facebookわいひら - Twitter
 
投稿者:: @mk2_mk2

ごくごく最近に、Chromeのバージョンアップがありましたが、それが関係していたりしますか?
(デベロッパーツール上のことではありますが。)

ちなみに、私のChromeは「バージョン: 91.0.4472.101」です。

僕も同様のバージョンで行っていますが

現在相変わらずこんな状態です。

This post was modified 2週間前 by わいひら

mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  
投稿者:: @yhira

asyncで読み込まれているので、実行タイミングとかもあまり関係なさそうですし。

確かに。。。です。

となると、やはりdata-full-width-responsive="true"(全幅表示)が原因だったと思うのですが、なぜ以前"false"がきかなかったのだろう。。。と、謎が深まります。

 

いずれにしても、後ほど確認させていただきますね。


mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

Chromeの件は謎ですね。。。

モバイルはFirefoxなどでご確認いただくしかないかもしれませんね。

今もスマホからは、このサイトははみ出していませんし。

 
いったい何が。。。

mk2
(@mk2_mk2)
メンバー Moderator
結合: 4か月前
投稿: 981
Topic starter  

わいひらさん

とりあえず、修正対象の「ad.php」だけアップロードするカタチで確認させていただきました。

「Cocoon設定」の「広告」、及び、広告ウィジェットに直接入力するコードは以下の状態にしました。

  • data-ad-format="auto"
  • data-full-width-responsive="true"

(AdSense指定のものをそのまま。。。という意味です。)

関連コンテンツはformatは違いますし、date-full~は指定はないですけど。


結果的にはすべてOKでした。

  • 「Cocoon設定」から表示位置を指定する方法
  • 広告ウィジェットのコードを空で、表示する方法
  • 広告ウィジェットにコードを入力する方法

 

上記で試してみました。


PCでもモバイルでも問題なく(はみ出さない)、「Cocoon設定」やウィジェットで「広告フォーマット」を変更しても問題ありませんでした。
(HTMソースは、2ヶ所しか確認しませんでしたが、表示が問題ないので大丈夫かと。)


お時間をかけての検証やご対応いただき、ありがとうございました。
しばらく解決できずにいましたので、非常にすっきり致しました。


わいひら 件のいいね!
共有:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:2年10ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに50%割引キャンペーン中!
※BOX2 ~ BOX8プラン契約の場合

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:2年8ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:17年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:4年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:5年

Cocoon
タイトルとURLをコピーしました