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

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

固定ページテンプレートを変更した際のG...
 
共有:
通知
すべてクリア

[解決済] 固定ページテンプレートを変更した際のGoogleアナリティクス計測不具合について

14 投稿
4 ユーザー
9 Reactions
289 表示
 mmm
(@mmm)
Active Member Registered
結合: 4か月前
投稿: 5
Topic starter  

お世話になっております。

トピック一覧を検索したのですが、該当内容がヒットしなかったためお問い合わせさせていただきます。

お時間いただき大変恐縮ですが、ご教示いただけますと幸いです。

 

不具合・カスタマイズ対象ページのURL: https://www.mr-spot.jp/

 

相談内容:固定ページのテンプレートを変更したらGoogleアナリティクスの計測ができなくなった

 

不具合の発生手順:

ページデザインを変更するために固定ページのテンプレートを新規作成したところ、Googleアナリティクスの計測ができていなかった。

HTML内を確認すると、Google Tag Manager,Google Search Consoleなど他のページは読み込まれている部分が読み込まれていない。

 

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

・テンプレートをデフォルトテンプレートに変更してHTMLを確認。

 (Google Tag Manager,Google Search Consoleなどのタグが読み込まれていた)

・WP-Staging内でCocoonのバージョンを最新(2.7.5.1)にしたが変化がなかった。

 

環境情報:

----------------------------------------------
サイト名:Mr.スポット
サイトURL: https://www.mr-spot.jp/1718776146877
ホームURL: https://www.mr-spot.jp/1718776146877
コンテンツ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
サーバー:2400:4052:9b40:900:4109:4c86:3d9d:fd0a
WordPressバージョン:6.4.4
PHPバージョン:8.0.30
ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36
サーバーソフト:LiteSpeed
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br, zstd
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.7.2.3
カテゴリー数:2
タグ数:0
ユーザー数:2
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.3
style.cssサイズ:1592 バイト
functions.phpサイズ:203 バイト
----------------------------------------------
Gutenberg:1
Font Awesome:5
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/uploads/2024/05/ogp.png
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
AddToAny Share Buttons 1.8.10
Contact Form 7 5.9.6
Copy & Delete Posts 1.4.6
Flamingo 2.5
Limit Login Attempts Reloaded 2.26.9
WP STAGING WordPress Backup Plugin - Backup Duplicator & Migration 3.7.1
----------------------------------------------


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

投稿者:: @mmm

不具合・カスタマイズ対象ページのURL: https://www.mr-spot.jp/

 

相談内容:固定ページのテンプレートを変更したらGoogleアナリティクスの計測ができなくなった

アナリティクス計測ができなくなったのは、上記URLのフロントページだけでしょうか?
他の固定ページでもなるのでしょうか。


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

何も調べず、ぱっと見の雰囲気で書いてしまいますけれど。

「https:// www.mr-spot.jp/」は、以下。

 
「https:// www.mr-spot.jp/agreements/」は、以下。
 
header.php(get_header())部分が丸々ないような・・・。

   
わいひら reacted
 mmm
(@mmm)
Active Member Registered
結合: 4か月前
投稿: 5
Topic starter  

@yhira 

ご確認いただきありがとうございます。

返答遅れて申し訳ございません。

他の固定ページでも新規作成したテンプレートを適用すると、不具合が発生いたします。


   
 mmm
(@mmm)
Active Member Registered
結合: 4か月前
投稿: 5
Topic starter  

@mk2_mk2 

ご確認いただきありがとうございます。

返答遅れて申し訳ございません。

私の知識不足で大変恐縮なのですが、添付の画面で固定ページのテンプレートを新規作成した場合も新規でテンプレート用のphpを作成する必要があるのでしょうか。

もしそうなのであれば今回phpを新規作成していないので、ご教示いただいた「header.php(get_header()」の記述がないことが原因であるかと思います。


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

mmmさん

ご提示の方法は、FSEに対応したブロックテーマで可能な方法だと思います。(私はこの方法をしたことがないです)
※FSE:Full Site Editing(フルサイト編集)

ノーコードで全部できるということは、本来PHP等のコードで書いていたものが、ブロックやテンプレートパーツで提供されているか、ご自分で作成しないと、できないと思います

テンプレートやテンプレートパーツは、以下のようなサイトエディタというもので、本来は作成します
mmmさんが添付してくださった画像は、それを直接固定ページの編集画面から開いたものではないかと思います。
(WordPressも、クラシックテーマとブロックテーマの方法が混在する過渡期で、複雑化していますが)

 
手順は幾つかのサイトで紹介されていますが、とりあえず以下をリンクしておきます。
 
フルサイト編集(FSE)の基本的な使い方
https://motoki-design.co.jp/wordpress/how-to-fse/
 
ただ、Cocoonはクラシックテーマですから、メニューからこのテンプレートの編集画面は開くことができません。
 
 
WordPress.orgのフォーラムに、以下のようなものもありました。
 
 
ノーコードで、get_headerの部分を作るには、簡単に言えば、テーマ側でその役割をするブロックかテンプレートパーツが提供されているか、ご自分でそれを作成するかが必要なのだと思います。
(Cocoonのheader.phpの一部分または全部の役割のもの)
 
残念ながら、CocoonはFSEには未対応ですので、当該ブロック・テンプレートパーツは現時点では提供されていないです。
 
Cocoonは、クラシックテーマですので、従来のような手順でテンプレートを作成する必要があるように思います。
 
検索すると、いくつも解説サイトがあると思います。
例として、いくつかリンクしておきます。
 
WordPressの固定ページにカスタムテンプレートを追加する方法
https://tcd-theme.com/2023/12/wp-page-template.html
 
WordPress固定ページのテンプレートの作り方と利用方法を初心者に解説!投稿ページとの違いや学び方も紹介
https://www.rbbtoday.com/media/sidebusiness/wordpress/wpfixedpage/

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

投稿者:: @mmm

もしそうなのであれば今回phpを新規作成していないので、ご教示いただいた「header.php(get_header()」の記述がないことが原因であるかと思います。

今回のケースでは、どのようにテンプレートを作成されたのでしょうか?


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

確認して書き込んでいるうちにmk2さんさんの返信が先に。。
mk2さんさんが書かれた方法でテンプレートを作成されたのでしょうか。


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

作成している場面をGIFには容量的に収められませんので・・・

mmmさんご提示の方法で、私が作成したテンプレートをGIFにしました。

 
テンプレートは、以下のFSE用のブロックでできています。
  • サイトのタイトル
  • サイトのキャッチフレーズ
  • タイトル
  • コンテンツ
  • 案内ボックス

実験的に、コンテンツの下に、Cocoonの案内ボックスも入れてしまいました。

そして、固定ページに作成したテンプレートを適用します。
固定ページの本文には、以下のように「確認用」という文字があるだけの状態です。
(タイトル入れ忘れました)

 
これをプレビューすると、以下のようになります。
 
そして、このHTMLを表示させると、以下です。
(mmmさんご提示とほぼ同じかと)
 
 
Cocoonのheader.phpで行っている処理が、このテンプレートにはないということだと思います。
以下のブロックは、WordPress標準のものですので、Cocoonの処理は含まれていないと思います。
  • サイトのタイトル
  • サイトのキャッチフレーズ
  • タイトル

Cocoonの用のサイトのタイトルや、もしくはCocoonのheader.phpの全部、または一部分のブロックやテンプレートパーツがない限りは、難しいのかなと思います。

 

もしくは、FSEの方法をリンクさせていただきましたけれど。

templateフォルダを作って、index.htmlを作る方がも必要なのかも・・・。
(これはやったことがないもので、実際にどうすれば良いのかは、ちょっと私も分かっていません)


   
わいひら reacted
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2931
 

●補足

フロントページ(固定ページ)に用いているテンプレートpage-template-lpですが、templatesフォルダー下に、page-template-lp.phpはありますか?

mk2さんが書かれているように、サイトエディターを用い、ノーコードで作成したのでは?
図示のように、本来Cocoonには無いHTML構成となっており。


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

ちなみに、私は先に提示した方法で、「abcdefg」という名前のテンプレートを作成しました。
(FSE機能を使った、ノーコードで作る方法)

 
そう考えると、chu-yaさんご指摘の「page-template-lp」は、同様に「lp」というテンプレートを作ったのかもしれないです。
 

 

こちらからは、mmmさんがどのように作成なさったか等は窺い知ることができません。

お問い合わせいただく際には、

  • こういうことがしたい
  • こういう方法で実装した

それらのことが第三者に伝わるようにしていただけますと助かります。

このトピックをご覧いただけますとお分かりいただけると思うのですけれど。
どういう風に実装したのかを推測するだけで、時間を要している状態です。

回答側の負荷軽減にご協力いただけますと幸いです。

 


更にちなみにですけれど。

フォーラムガイドラインについては、事前にご一読ください。

初めての方は必ずお読みください
https://wp-cocoon.com/read-me-for-using-fourm/#toc9

 
基本的には、上記に記載のある以下に該当するのではないかと思われます。
  • 自前で行ったカスタマイズによる不具合
  • PHPとJavaScript(jQuery)のカスタマイズはサポート外

但しサポート対象外の場合でも、ご回答くださる方もいらっしゃいますので、それを妨げるものではありません。
(現に皆様ご協力くださっているかと)


   
わいひら reacted
 mmm
(@mmm)
Active Member Registered
結合: 4か月前
投稿: 5
Topic starter  

各位

 

ご返答いただきありがとうございます。

作成方法ですが、mk2様がご提示下さった方法(サイトエディターを用い、ノーコードで作成)で対応しておりました。

CocoonがFSEに未対応という認識がありませんでした。申し訳ありません。

外部よりログインしてページ作成をしておりまして、PHPを直接修正できない環境下だった為、このような状況になっておりました。

 

投稿者:: @mk2_mk2

Cocoonは、クラシックテーマですので、従来のような手順でテンプレートを作成する必要があるように思います。

上記コメントでご教示いただいた従来のテンプレート追加方法か、デフォルトテンプレートを使用して再現する方法で対応してみようと思います。

 

フォーラムガイドラインに反している部分についても、ちゃんと認識できておらずご迷惑をおかけし大変申し訳ございませんでした。

そのような中で親切にご対応いただき誠に感謝いたします。

 

改めてご確認いただきありがとうございました。


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

単純にトラッキングコードだけを挿入すれば良いのであれば。

「wp_head」や「wp_enqueue_scripts」あたりのフックを使うという方法もあるのかもしれないです。
該当ページ(フロントページ?)のみに絞る必要はあると思いますけれど。
(単なる思いつきで、それで良いのか何も確認していません。head内はそれだけで足りているのかとか、footerも大丈夫なのかとか、そういうことも何も確認していません)


   
mmm and わいひら reacted
 mmm
(@mmm)
Active Member Registered
結合: 4か月前
投稿: 5
Topic starter  

お世話になっております。

本件について解決いたしましたので、結果を書き込みに参りました。

 

投稿者:: @mk2_mk2

Cocoonは、クラシックテーマですので、従来のような手順でテンプレートを作成する必要があるように思います。
 
検索すると、いくつも解説サイトがあると思います。
例として、いくつかリンクしておきます。
 
WordPressの固定ページにカスタムテンプレートを追加する方法
https://tcd-theme.com/2023/12/wp-page-template.html
 
WordPress固定ページのテンプレートの作り方と利用方法を初心者に解説!投稿ページとの違いや学び方も紹介
https://www.rbbtoday.com/media/sidebusiness/wordpress/wpfixedpage/

上記でご紹介いただいた従来の手順でデザインを再現しようとしたところ、私の知識の範囲だとCocoon親テーマの方のPHPを修正することになりそうだったのでこの方法は断念いたしました。

別手段としてデフォルトテンプレートを使用してCSSでデザインを修正する方法に変更し、結果として、元々のデザインを再現しながらGoogleアナリティクスの計測ができる状態になりました。

以上が結果報告となります。

 

改めてサポート対象外の案件であるにも関わらず、ご親切にご対応いただきありがとうございました。


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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