「メイド・イン・ヘブン」スキン適用中

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. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

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

AMPページで投稿タイトル上のAdSe...
 
共有:
通知
すべてクリア

[解決済] AMPページで投稿タイトル上のAdSenseだけ右側が切れる

26 投稿
3 ユーザー
1 Likes
1,605 表示
taku
 taku
(@taku)
Estimable Member Registered
結合: 4年前
投稿: 135
Topic starter  

お世話になります。

 

Google広告について質問なのですが、

ウィジェットで投稿タイトル上に【[C]広告(モバイル用)】を設置し、その中に一枚目のキャプチャ画像でお送りしたGoogle AdSenseのコードを挿入しています。

 

その他の広告は問題ないのですが、

上記の場所にコードを挿入した場合だけ、

『*AMPページでAdSenseが右側に寄り、広告の右側が見切れてしまう問題』が発生しています。

 

※AMPページのみ問題があり、通常ページでは問題ありません。

 

https://wp-cocoon.com/community/cocoon-theme/amp%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%A7adsense%E3%81%AE%E4%B8%A1%E7%AB%AF%E3%81%8C%E3%81%8D%E3%82%8C%E3%82%8B/

 

上記Cocoonフォーラムの質問にあった

 

.ad-area {
	overflow: visible;
}

上記のコードは試してみたのですが、改善されませんでした。

 

どのようにすれば広告を正常に表示することができますでしょうか?


   
引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 4年前
投稿: 135
Topic starter  

【キャプチャ画像追記】

 

実際に見切れてしまっているAMPページの広告画像のキャプチャを追記致します。

 

この画像のように右側だけ余白がなくなってしまい、更に広告の右側が少し見切れる問題を解消したいです。


   
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 4年前
投稿: 135
Topic starter  

上記キャプチャを撮影したページURLです。

(広告は全てのAMPページで同じ表示状況となっていますが念の為...。)

 

https://okinawameguri.com/pizza-house-jr?amp=1


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16477
 

親テーマのみで表示させてみるとどうなりますか?


   
返信引用
 taku
(@taku)
Eminent Member
結合: 4年前
投稿: 48
 

@yhira

ご返信ありがとうございます!

 

状況変わらずでした...。


   
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 4年前
投稿: 135
Topic starter  

@yhira

 

お世話になります。申し訳ございません。

只今もう一度親テーマのみで表示させてみると、広告の見切れはなくなりました。

 

また子テーマの時は「大きめ正方形の広告」がいつも表示されていたのですが、

親テーマのみの時は「かなり小さめの正方形の広告」のみが表示される状況となりました。

 

この他にプラグインの全停止なども試してみたのですが、親テーマの時は広告の見切れが改善されることはありませんでした。

 

 

This post was modified 4年前 by taku

   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16477
 
投稿者:: @taku

只今もう一度親テーマのみで表示させてみると、広告の見切れはなくなりました。

投稿者:: @taku

この他にプラグインの全停止なども試してみたのですが、親テーマの時は広告の見切れが改善されることはありませんでした。

これはどっちなんでしょう。


   
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 4年前
投稿: 135
Topic starter  

@yhira

親テーマのみにした時は見切れがなくなり、子テーマ適用時にプラグインの全停止をした時は改善されませんでした。

This post was modified 4年前 by taku

   
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 4年前
投稿: 135
Topic starter  

親テーマの時は広告の見切れが改善されることはありませんでした。

 

子テーマの時は広告の見切れが改善されることはありませんでした。

This post was modified 4年前 by taku

   
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 4年前
投稿: 135
Topic starter  

何度もすみません。

 

素人なりに調べてみたのですが、

お送りした1枚目のキャプチャの「body」というところの[display]か[text-align]を無効にすると、

2枚目のキャプチャのように広告が真ん中に戻るのですが、これは解決に繋がりますでしょうか?


   
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 4年前
投稿: 135
Topic starter  

[display]を無効にすると、広告が真ん中に戻りました。

 

[text-align]を無効にしても、どちらでも真ん中に戻るようです。

This post was modified 4年前 by taku

   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16477
 

その部分は、アドセンスのiframe内のスタイルだと思うので、Cocoonが管理するCSSではないかと思います。

親テーマで問題なければ、カスタマイズもしくはスキンな原因の可能性もあります。
とりあえずスキンを外した状態だとどうなりますか?


   
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 4年前
投稿: 135
Topic starter  

@yhira

 

そうなのですね。ありがとうございます!

 

スキンを外してAMPキャッシュを削除して試してみたのですが、やはりはみ出してしまいました。

 

そうなるとカスタマイズが原因になりますでしょうか?

 

現在カスタマイズしているのはCSSのみで、内容は下記URLのようなものになります。

 

https://notepad.pw/share/a1ztt8t3a

 


   
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 4年前
投稿: 135
Topic starter  

色々と試してみましたがどうしても問題が解決できませんでしたので、

該当部分の広告を外すことに致しました。

 

この度はお手数をおかけし、申し訳ございませんでした。


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16477
 

スキンを外しても症状が同じで、カスタマイズがそれだけなら、ちょっとカスタマイズは原因としては考えづらいです。
同じコードでテスト環境でテストしてみるので、notepad.pwで、その部分に入れていたAdSenseのコードをいただいてよろしいでしょうか。


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16477
 

それにしても、本文中とかの広告は問題ないですよね。
なんでなんだろう…。


   
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 4年前
投稿: 135
Topic starter  

@yhira

ご丁寧にありがとうございます!

カスタマイズは原因ではないのですね。ご確認ありがとうございます。

 

>>それにしても、本文中とかの広告は問題ないですよね。

→そうなんですよね。該当箇所以外は問題がないのでとても不思議です...。

 

 

AdSenseのコードはこちらになります↓

https://notepad.pw/share/2887i83zt


   
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 4年前
投稿: 135
Topic starter  

あと今更なのですが、adsenseのコードってそのまま貼っても問題なかったですか?

もしダメそうなら確認後に上記投稿を消しておいて頂けると幸いです。


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16477
 

data-ad-format="auto"なので、サイズは「オート(AdSenseおまかせ)」広告だと思うので、以下のページで僕の環境でも貼ってみました(コードは自分のコードを利用しています)。
https://wp-cocoon.com/main-category/?amp=1
ただ、僕の環境でははみ出したりはしていないようです。


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16477
 

試しに、広告タグを挿入せずに、ウィジェット側で以下のような「オート(AdSenseおまかせ)」広告設定にするとどうなりますか?


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16477
 
投稿者:: @taku

あと今更なのですが、adsenseのコードってそのまま貼っても問題なかったですか?

タグ自体はクリックして報酬とかが発生していないので問題ないと思います。
でないと、自身のサイトにも普通にAdSenseタグは出力されているので、第三者がそれを外部に貼って違反を狙えるということになってしまいます。


   
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 4年前
投稿: 135
Topic starter  

@yhira

 

>>ただ、僕の環境でははみ出したりはしていないようです。

→ご確認ありがとうございます!

 

>>試しに、広告タグを挿入せずに、ウィジェット側で以下のような「オート(AdSenseおまかせ)」広告設定にするとどうなりますか?

 

→広告タグを挿入した時と同じようにはみ出して表示されました。


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16477
 

その状態で、スキンを「なし」にして、キャッシュ削除から「AMPキャッシュの削除」を行ってもダメでしたでしょうか?
だとしたら、不具合の再現方法がわからないと、ちょっと原因はわからないかもしれません。


   
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 4年前
投稿: 135
Topic starter  
投稿者:: @yhira

その状態で、スキンを「なし」にして、キャッシュ削除から「AMPキャッシュの削除」を行ってもダメでしたでしょうか?

上記手順も試してみたのですが、やはり広告の右側が少し見切れる問題を解決することができませんでした。

 

現状修正方法を見つけるのは困難かと思いますので、該当部分の広告を外すことに致します。

 

ご親切に色々な方法をご提案頂きありがとうございました!

 

もし解決方法が見つかりましたら、フォーラムでも報告させて頂きたいと思います。

 

この度は貴重なお時間を割いてご対応頂き、本当にありがとうございました!


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16477
 

お力になれず申しわけないです ? 
もし解決方法・再現方法等、何かわかりましたら、教えていただければ幸いです。


   
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 4年前
投稿: 135
Topic starter  

@yhira

とんでもないです!

はい。すぐにご報告致します!


   
返信引用
共有:

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

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

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

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

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

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

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

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