サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2024年1月30日 10:00
縦型カード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
----------------------------------------------
2024年1月31日 08:55
@ayataka 初めまして、ディスプレイ広告を用いたマネタイズの運用を研究しながら
テックメディアを運営している魔理沙っちと申します。
質問を見るに携帯とPCでの広告の幅をそろえてPCで２つ出したい？と言うことであるのであれば、
インフィード広告ではなく通常の広告ユニットを縦横を明確に設定した物
を使う必要が出てくるかもしれません。
よく一般的に使われるのはダブルレクタングルと呼ばれる正方形のレクタングル広告を二個並べる手法です。
アドセンス広告などを横並びで2つ配置のダブルレクタングルにする方法 | Tanweb.net
なぜか？と言うと
インフィード広告と呼ばれているネイティブ広告フォーマットをayatakaさんは誤解されているためです。
ネイティブ広告は訪問時の端末のサイズ幅最大でコンテンツの要素のサイズに合わせて動的に
変化する（コンテンツに馴染みやすい）様になっており、広告の内容次第で、利用可能な横幅を全て活用するように
出来ています。
ネイティブ広告（ネイティブアド）とは？メリットや種類を徹底解説｜Webマーケティング・SEO相談はデジ研 (digital-marketing.jp)
広告サイズ定義ではFluid 流体と呼ばれています。
This post was modified 10か月前 by marisachi
Topic starter
2024年1月31日 09:04
返信ありがとうございます。
2個の広告を並べるのではなくて、間に入るようにしたいのですが…。
「Cocoon」でアドセンスのインフィード広告を設定する方法！超わかりやすく解説 (kouri-tensyoku.com)
こちらのように設定したのですが、
幅が縦型カード2列になってしまうのを1列分の大きさで表示できないものかと思っています。
よろしくお願いいたします。
Topic starter
2024年1月31日 09:08
でも、広告設定の時に幅が縦型2列の幅でない状態で、スキャンされます。
これが原因ですか？
Topic starter
2024年1月31日 09:28
パソコンの方でスキャンすると1列幅で表示されていますが、
実際に確認すると2列幅で表示されています。
2024年1月31日 09:28
Googleの広告ヘルプによれば
インフィードの高さを制御することは出来るようです。
インフィード広告の高さを設定する - Google AdSense ヘルプ
正し幅widthには適用されないようなので回答にはならないかもしれません。
またGoogleのフィード検出ロジックは公になっていないので意図されるように認識されない理由については
Googleの技術スタッフ以外する術が無いとも言えます。
Topic starter
2024年1月31日 09:38
2024年1月31日 09:58
分かり易いように、「テキスト」ウィジェットを、「インデックスミドル」に入れます。
【「フロントページタイプ」が、「デフォルト」の場合】
「インデックスミドル」ウィジェットエリアは、3枚目と4枚目のカード間に入ります。
【「フロントページタイプ」が、「カテゴリーごと」の場合】
「インデックスミドル」ウィジェットエリアは、「新着記事」と「1つめのカテゴリー」の間に入ります。
ayatakaさんが、リンクしてくださったサイトの記載は、「フロントページタイプ」が「デフォルト」なのだと思います。
（乃至は、まだ「フロントページタイプ」が実装される以前のもの）
（乃至は、まだ「フロントページタイプ」が実装される以前のもの）
ayatakaさんのサイトは、「フロントページタイプ」が「デフォルト」ではありません。
2024年1月31日 10:08
と言うよりか参考記事の写真ですらフロントタイプでデフォルトですね。
今はカテゴリーを含め固定ページにしているため、そもそも広告が挿入しない仕様になっているようですが・・・
ayataka reacted
2024年1月31日 10:14
@mk2_mk2 ３,４枚以上に出す方法としてこんなカスタマイズを見つけました。
WordPressテーマCocoonがインデックスリスト内への広告複数表示のカスタマイズに対応したので、それを反映させる | OIIOJP
いずれにしろフロントページをデフォルトにしておく必要はありますね。
ayataka reacted
Topic starter
2024年1月31日 12:17
ayatakaさん
ちなみに、お問い合わせの際は、以下のプラグインは無効化してください。
WP Content Copy Protection & No Right Click 3.5.7
これがあると、とてもとても調べづらいのです。
（だからと言って、調べられない訳ではないのですが）
いつも丁寧な返信ありがとうございます。
カテゴリー表示だと間に表示されるのですね！
確かに分けて表示しているから、挿入される訳ないですね💦
高速化は無効にしたのですが、WP Content Copy Protection & No Right Click 3.5.7を無効にするのを忘れてしまいすみません。
本当にありがとうございました。
2024年1月31日 23:56
すでに他の方が書かれている通りですが「フロントページタイプ」が「カテゴリーごと」になっていて「インデックスリストミドル」ウィジェットエリアに広告を表示している場合は、エントリーカード間にインフィード広告で出力される仕様ではないので、そのように出力される仕様で正常表示です。
https://github.com/xserver-inc/cocoon/blob/f3c50b1cfd8f50d51d289d45b86e0241bd5cbc88/tmp/list-category.php#L28
どのような設定をすればいいのか？教えて下さい。
その設定のままでインフィールド出力させるにはテーマのカスタマイズしかないかと思います。
ayataka reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。