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カスタマイズ依頼

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

インフィード広告の幅の設定が上手くいか...
 
共有:
通知
すべてクリア

[解決済] インフィード広告の幅の設定が上手くいかない

29 投稿
4 ユーザー
32 Reactions
564 表示
ayataka
(@ayataka)
Estimable Member Registered
結合: 1年前
投稿: 112
トピックスターター  

縦型カード2列に表示する場合、横幅が同じように広告を貼ることができますか?

インフィード広告でパソコンとモバイルで設定して、やっているのですが、

横幅が2列分の幅で表示されてしまいます。

どのような設定をすればいいのか?教えて下さい。

よろしくお願いいたします。

----------------------------------------------
サイト名:子どもが東大生になるまで
サイトURL: https://kodomo-daigaku.com
ホームURL: https://kodomo-daigaku.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン:6.4.2
PHPバージョン:8.2.15
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36 Edg/121.0.0.0
サーバーソフト:LiteSpeed
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en;q=0.9,en-GB;q=0.8,en-US;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:2.6.9
カテゴリー数:11
タグ数:22
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.3
style.cssサイズ:4009バイト
functions.phpサイズ:205バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:5
Auto Post Thumbnail:1
Retina:0
ホームイメージ:/wp-content/uploads/2023/09/523cd3743a1f23371051ba3b9e35f543.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:1
----------------------------------------------
利用中のプラグイン:
Ad Invalid Click Protector 1.2.8
Akismet Anti-spam: Spam Protection 5.3.1
BackWPup 4.0.2
Broken Link Checker 2.2.4
Code Snippets 3.6.2
Contact Form 7 5.8.6
EWWW Image Optimizer 7.2.3
Flexible Table Block 3.1.0
Jetpack 13.0
LiteSpeed Cache 6.0.0.1
SiteGuard WP Plugin 1.7.6
Visualizer: Tables and Charts for WordPress 3.10.6
WP-Ban 1.69.1
WP Content Copy Protection & No Right Click 3.5.7
WP Multibyte Patch 2.9
XML Sitemap Generator for Google 4.1.18
----------------------------------------------


   
トピックタグ
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17407
 

投稿者:: @ayataka

インフィード広告でパソコンとモバイルで設定して、やっているのですが、

横幅が2列分の幅で表示されてしまいます。

現在どのような広告設定で該当部分に広告を表示させていますか。
加えて、どのように表示されていますか。サイトも拝見したんですがそれらしい広告は見えませんでした。よろしければスクリーンショットもいただければ幸いです。


   
ayataka reacted
ayataka
(@ayataka)
Estimable Member Registered
結合: 1年前
投稿: 112
トピックスターター  

訂正

この投稿は11か月前ずつayatakaに変更されました

   
ayataka
(@ayataka)
Estimable Member Registered
結合: 1年前
投稿: 112
トピックスターター  

@yhira 
おはようございます。
返信ありがとうございます。
追記しました。よろしくお願いいたします。

 

広告を掲載しているのは、インデックスリストミドルです。
広告は、インフィード広告(パソコンと携帯)を別に作成しています。

お手数をおかけいたしますが、ご確認よろしくお願いいたします。

この投稿は11か月前ずつayatakaに変更されました

   
(@marisachi)
Trusted Member Registered
結合: 2年前
投稿: 41
 

@ayataka 初めまして、ディスプレイ広告を用いたマネタイズの運用を研究しながら
テックメディアを運営している魔理沙っちと申します。

質問を見るに携帯とPCでの広告の幅をそろえてPCで2つ出したい?と言うことであるのであれば、

インフィード広告ではなく通常の広告ユニットを縦横を明確に設定した物
を使う必要が出てくるかもしれません。

よく一般的に使われるのはダブルレクタングルと呼ばれる正方形のレクタングル広告を二個並べる手法です。

アドセンス広告などを横並びで2つ配置のダブルレクタングルにする方法 | Tanweb.net

なぜか?と言うと

インフィード広告と呼ばれているネイティブ広告フォーマットをayatakaさんは誤解されているためです。

ネイティブ広告は訪問時の端末のサイズ幅最大でコンテンツの要素のサイズに合わせて動的に
変化する(コンテンツに馴染みやすい)様になっており、広告の内容次第で、利用可能な横幅を全て活用するように
出来ています。

ネイティブ広告(ネイティブアド)とは?メリットや種類を徹底解説|Webマーケティング・SEO相談はデジ研 (digital-marketing.jp)

広告サイズ定義ではFluid 流体と呼ばれています。

 
この投稿は11か月前ずつmarisachiに変更されました

   
わいひら and ayataka reacted
ayataka
(@ayataka)
Estimable Member Registered
結合: 1年前
投稿: 112
トピックスターター  

@marisachi 

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

2個の広告を並べるのではなくて、間に入るようにしたいのですが…。

「Cocoon」でアドセンスのインフィード広告を設定する方法!超わかりやすく解説 (kouri-tensyoku.com)

こちらのように設定したのですが、

幅が縦型カード2列になってしまうのを1列分の大きさで表示できないものかと思っています。

よろしくお願いいたします。


   
ayataka
(@ayataka)
Estimable Member Registered
結合: 1年前
投稿: 112
トピックスターター  

でも、広告設定の時に幅が縦型2列の幅でない状態で、スキャンされます。
これが原因ですか?


   
(@marisachi)
Trusted Member Registered
結合: 2年前
投稿: 41
 

@yhira わいひらさん
そのようなインフィードの挿入でしたら確かCoccon設定からできましたよね?

@ayataka 追加の言及通りスキャン時のフィードが二列カードとして認識できていないことも原因かと思います。
 

   
ayataka reacted
ayataka
(@ayataka)
Estimable Member Registered
結合: 1年前
投稿: 112
トピックスターター  

投稿者:: @marisachi

@yhira わいひらさん
そのようなインフィードの挿入でしたら確かCoccon設定からできましたよね?

@ayataka 追加の言及通りスキャン時のフィードが二列カードとして認識できていないことも原因かと思います。
 

出来ないのが何か設定している可能があれば教えていただきたいです。
上画像にある設定にて、設定しています。

インフィード広告が認識できないのは、設定がどこか違うからでしょうか?

 


   
ayataka
(@ayataka)
Estimable Member Registered
結合: 1年前
投稿: 112
トピックスターター  

パソコンの方でスキャンすると1列幅で表示されていますが、
実際に確認すると2列幅で表示されています。


   
(@marisachi)
Trusted Member Registered
結合: 2年前
投稿: 41
 

Googleの広告ヘルプによれば
インフィードの高さを制御することは出来るようです。

インフィード広告の高さを設定する - Google AdSense ヘルプ

正し幅widthには適用されないようなので回答にはならないかもしれません。

またGoogleのフィード検出ロジックは公になっていないので意図されるように認識されない理由については
Googleの技術スタッフ以外する術が無いとも言えます。


   
わいひら and ayataka reacted
ayataka
(@ayataka)
Estimable Member Registered
結合: 1年前
投稿: 112
トピックスターター  

@marisachi 

現状では設定の問題ではなく表示の問題なので、無理だということですか?


   
(@marisachi)
Trusted Member Registered
結合: 2年前
投稿: 41
 

@ayataka それならな理由がわかりました。
Cocoonのインフィードはカードに挿入するようなものではなく可能なウィジェット毎に入れる仕様になっているためです。

インデックストップ=新規記事と言う見出しの上で一つ

ミドル=中間の見出しに1つ

ボトム=最後の記事カード下に1と言う表示のためです。

ayatakaさんが意図される2列カード内への直接挿入をされる場合は、
Swellが持つ機能です。

 

   
ayataka reacted
ayataka
(@ayataka)
Estimable Member Registered
結合: 1年前
投稿: 112
トピックスターター  

@marisachi 

「Cocoon」でアドセンスのインフィード広告を設定する方法!超わかりやすく解説 (kouri-tensyoku.com)

やっている人もいますが???
無理なのですか?


   
(@marisachi)
Trusted Member Registered
結合: 2年前
投稿: 41
 

@ayataka やっていると言われてもそのサイトは既に別のデザインになっているので信憑性に欠けてしまいます。


   
ayataka reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8106
 

すみません。

お二人とも、誤解なさっているように思います。

まず、大前提として、ayatakaさんがご利用なのは、「インデックスミドル」のウィジェットエリアです。

対して、marisachiさんが仰っているのは、「Cocoon設定」-「広告」タブの、「広告の表示位置」のことと思われます。

 
それとも、「フロントページタイプ」が「デフォルト」でない場合ということで、仰っていますか?
そうであれば、理解できます。
 
「インデックスミドル」ウィジェットエリアは、フロントページタイプによって、少し変わります。

   
わいひら and ayataka reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8106
 

分かり易いように、「テキスト」ウィジェットを、「インデックスミドル」に入れます。

 
 

【「フロントページタイプ」が、「デフォルト」の場合】

「インデックスミドル」ウィジェットエリアは、3枚目と4枚目のカード間に入ります。

 
 
【「フロントページタイプ」が、「カテゴリーごと」の場合】
 
「インデックスミドル」ウィジェットエリアは、「新着記事」と「1つめのカテゴリー」の間に入ります。
 
 
 
ayatakaさんが、リンクしてくださったサイトの記載は、「フロントページタイプ」が「デフォルト」なのだと思います。
(乃至は、まだ「フロントページタイプ」が実装される以前のもの)
 
 
ayatakaさんのサイトは、「フロントページタイプ」が「デフォルト」ではありません。

   
(@marisachi)
Trusted Member Registered
結合: 2年前
投稿: 41
 

実際にCocoonを使ってやってみました。
いずれの方法もインデックスカード内に広告を出力する機能はCocoonには備わっていません。

上ウィジェット、下広告掲載位置設定

 

   
わいひら and ayataka reacted
(@marisachi)
Trusted Member Registered
結合: 2年前
投稿: 41
 

@mk2_mk2 フロントタイプは確かにカテゴリー別だと意図した機能をしないですね。


   
ayataka reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8106
 

投稿者:: @marisachi

いずれの方法もインデックスカード内に広告を出力する機能はCocoonには備わっていません。

私が書いた通りです。

「フロントページタイプ」が「デフォルト」の場合、「インデックスミドル」のウィジェットは、3枚目と4枚目のカードの間に入ります。
元々は、「インデックスミドル」はそういうものでした。
(「フロントページタイプ」が実装される以前から)

「フロントページタイプ」が「デフォルト」以外の場合は、異なります。


   
ayataka and marisachi reacted
(@marisachi)
Trusted Member Registered
結合: 2年前
投稿: 41
 

@mk2_mk2 あくまでもフロントページタイプがデフォルトであることが肝ですね・・・


   
ayataka reacted
(@marisachi)
Trusted Member Registered
結合: 2年前
投稿: 41
 

と言うよりか参考記事の写真ですらフロントタイプでデフォルトですね。
今はカテゴリーを含め固定ページにしているため、そもそも広告が挿入しない仕様になっているようですが・・・

 

   
ayataka reacted
(@marisachi)
Trusted Member Registered
結合: 2年前
投稿: 41
 

@mk2_mk2 3,4枚以上に出す方法としてこんなカスタマイズを見つけました。

WordPressテーマCocoonがインデックスリスト内への広告複数表示のカスタマイズに対応したので、それを反映させる | OIIOJP

いずれにしろフロントページをデフォルトにしておく必要はありますね。


   
ayataka reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8106
 

投稿者:: @marisachi

いずれにしろフロントページをデフォルトにしておく必要はありますね。

現状ではそうだと思います。

「デフォルト」以外で、カードの中に入れるには、カスタマイズが必要だと思います。
(ウィジェットエリアを追加すれば、できるかもしれないですが、そこまでは見ていないです)


   
(@marisachi)
Trusted Member Registered
結合: 2年前
投稿: 41
 

@Ayataka 状況を整理するに、

インデックスミドルカードに、

フロントページタイプがだデフォルト且つ

2列カードの時のみカテゴリー並びにトップページで意図する様に表示される。

フロントページがカテゴリー毎で

二列カードでインデックスミドルに入れると

カテゴリーページにのみ意図する様に表示される。

この2パターンであるといえます。


   
わいひら and ayataka reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8106
 

ayatakaさん

ちなみに、お問い合わせの際は、以下のプラグインは無効化してください。

投稿者:: @ayataka

WP Content Copy Protection & No Right Click 3.5.7

これがあると、とてもとても調べづらいのです。
(だからと言って、調べられない訳ではないのですが)


   
ayataka
(@ayataka)
Estimable Member Registered
結合: 1年前
投稿: 112
トピックスターター  

@marisachi 

返信遅くなりました。
なるほどです。
フロントページがデフォルトなら、出来るのですね!
本当にありがとうございました。


   
ayataka
(@ayataka)
Estimable Member Registered
結合: 1年前
投稿: 112
トピックスターター  

投稿者:: @mk2_mk2

ayatakaさん

ちなみに、お問い合わせの際は、以下のプラグインは無効化してください。

投稿者:: @ayataka

WP Content Copy Protection & No Right Click 3.5.7

これがあると、とてもとても調べづらいのです。
(だからと言って、調べられない訳ではないのですが)

 

いつも丁寧な返信ありがとうございます。

カテゴリー表示だと間に表示されるのですね!

確かに分けて表示しているから、挿入される訳ないですね💦

高速化は無効にしたのですが、WP Content Copy Protection & No Right Click 3.5.7を無効にするのを忘れてしまいすみません。

本当にありがとうございました。

 


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17407
 

すでに他の方が書かれている通りですが「フロントページタイプ」が「カテゴリーごと」になっていて「インデックスリストミドル」ウィジェットエリアに広告を表示している場合は、エントリーカード間にインフィード広告で出力される仕様ではないので、そのように出力される仕様で正常表示です。
https://github.com/xserver-inc/cocoon/blob/f3c50b1cfd8f50d51d289d45b86e0241bd5cbc88/tmp/list-category.php#L28

投稿者:: @ayataka

どのような設定をすればいいのか?教えて下さい。


その設定のままでインフィールド出力させるにはテーマのカスタマイズしかないかと思います。

 


   
ayataka reacted
共有:

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

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

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

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

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

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

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

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