サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2023-06-30 18:24
誤字・脱字ではありませんが、Cocoon公式サイトの記載についてですので、ここに書かせていただきます。
GA4が、AMPに対応したみたいです。
（ギリギリ間に合った・・・Cocoonで対応が必要かまでは見ていません）
AMPはCocoonでは非推奨にはなりましたが、以下のページに、GA4のAMP非対応についての記載がありますので、修正しておいた方が良いかと思い、書かせていただきました。
GoogleタグマネージャでGoogle Analytics 4（GA4）を用いたアクセス解析設定方法
https://wp-cocoon.com/google-tagmanager-ga4/#toc8
https://wp-cocoon.com/google-tagmanager-ga4/#toc8
Google Analytics（GA4）でアクセス解析をする方法
https://wp-cocoon.com/ga4/#toc5
https://wp-cocoon.com/ga4/#toc5
わいひら reacted
2023-06-30 19:52
ちなみに、AMP 向けの Google タグ マネージャーは、Google Analytics 4 に対応していないらしいです。GA4 を使う場合は、手動で追加しなさいと言っています。
参考：AMP 用のタグ設定 | Google タグ（gtag.js） | Google for Developers
重要: AMP 向けの Google タグ マネージャーは、Google アナリティクスに対応していません 4. AMP を Google アナリティクス 4 で使用するには、AMP スニペットを手動で追加する必要があります。
日本語がちょっと変。英語ページで Google 翻訳を使った方がまともな日本語になった。
重要: AMP 用 Google タグ マネージャーは、Google アナリティクス 4 をサポートしていません。Google アナリティクス 4 で AMP を使用する場合は、AMP スニペットを手動で追加する必要があります。
This post was modified 10か月前 by Akira
Topic starter
2023-06-30 20:28
タグマネージャーが、GA4に対応していない訳ではなさそうに思います。
[GA4] Google タグ マネージャーで Google アナリティクス 4 タグを設定する
https://support.google.com/tagmanager/answer/9442095?hl=ja
重要: AMP 用 Google タグ マネージャーは、Google アナリティクス 4 をサポートしていません。Google アナリティクス 4 で AMP を使用する場合は、AMP スニペットを手動で追加する必要があります。
「AMP用タグマネージャー」は、GA4をサポートしていないということだと思います。
そのため、以下の部分にも「AMP用」という言葉があった方が良さそうに思います。
Googleタグマネージャーは、Google Analytics 4に対応していません。
AMPをご利用でない方は、タグマネージャーでGA4を設定しても問題ないように思います。
そして、以下の部分も修正が必要かと思います。
Google Analytics（GA4）でアクセス解析をする方法
https://wp-cocoon.com/ga4/#toc5
GA4がAMPに非対応という記載があるようです。
わいひら reacted
2023-07-01 00:49
Cocoon の AMP 機能は非推奨となったとのことですが、サポートは続くのでしょうか？
AMP を有効にしていて、Cocoon 設定 > アクセス解析・認証の「タグマネージャID」に入力している場合は、今日 7 月 1 日から AMP ページの計測がおそらくできない気がします。
tmp/amp-analytics.php や tmp/amp-tagmanager.php 、tmp/amp-header.php の 133 ~ 134 行目 の変更が必要になってくるのですが、どうなるのでしょう。
後々に完全に廃止 と書かれているため、プルリクエストを送るかどうか迷っています。
This post was modified 10か月前 2回 by Akira
わいひら reacted
2023-07-01 19:50
Cocoon の AMP 機能は非推奨となったとのことですが、サポートは続くのでしょうか？
前回の告知で様子を見て特に問題なさそうであれば、今年の12月31廃止しようと考えていました。近いうちにアナウンスできればと。
なので基本的には今後サポートはしないと思います。大きな不具合とかがあれば廃止までは対応しようとは思っています。
AMP を有効にしていて、Cocoon 設定 > アクセス解析・認証の「タグマネージャID」に入力している場合は、今日 7 月 1 日から AMP ページの計測がおそらくできない気がします。
tmp/amp-analytics.php や tmp/amp-tagmanager.php 、tmp/amp-header.php の 133 ~ 134 行目 の変更が必要になってくるのですが、どうなるのでしょう。
タグマネージャーのユニバーサルアナリティクスのAMP部分の変更という解釈であっていますでしょうか？
ユニバーサルアナリティクスの通常ページの計測機能も削除しておいた方がいいのかもしれませんね。
This post was modified 10か月前 by わいひら
2023-07-01 22:37
AMP 用 Google タグ マネージャーが GA4 に対応していないということですので、tmp/amp-tagmanager.php が機能しなくなると思います。
また、tmp/amp-analytics.php の 11 行目 の !get_google_tag_manager_tracking_id() があるために、Cocoon 設定 > アクセス解析・認証の「タグマネージャID」に入力している場合、AMP ページに <amp-analytics> が追加されません。
そのため、アクセス解析・認証の「タグマネージャID」に入力している場合、今日から AMP ページの計測ができていない気がします。
これらをふまえて、私であればこのように変更します。
1. tmp/amp-tagmanager.php を削除
2. tmp/amp-header.php の 133 ~ 134 行目 を削除
3. tmp/amp-analytics.php を全面的に書き換え
GA4 のオプションを使用しない基本設定の一例
※ Cocoon 設定 > アクセス解析・認証の「GA4測定ID」を使用しています。
<?php
/**
* Cocoon WordPress Theme
* @author: yhira
* @link: https://wp-cocoon.com/
* @license: http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
*/
if ( !defined( 'ABSPATH' ) ) exit;
$tracking_id = get_ga4_tracking_id();
if ( is_analytics() && $tracking_id ) {
?>
<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
"vars" : {
"gtag_id": "<?php echo $tracking_id ?>",
"config" : {
"<?php echo $tracking_id ?>": { "groups": "default" }
}
}
}
</script>
</amp-analytics>
<?php
} ?>
4. ga4.json の削除
5. Cocoon 設定 > アクセス解析・認証の変更
※「AMP用 タグマネージャID」と「ユニバーサルアナリティクスID」の削除。「GA4測定ID」の説明の変更。「タグマネージャID」に "AMP で計測するには GA4測定ID にも入力が必要" などの説明の追加。
けっこう手間がかかるので、これを機に AMP 機能の廃止でもいいかもしれないと思ってしまいました。
This post was modified 10か月前 by Akira
わいひら reacted
Topic starter
2023-07-02 00:19
ご対応いただき、ありがとうございます。
Google Analytics（GA4）のAMP記述も削除しておきました。
AMPに関するの記述が削除されていることを確認させていただきました。
以下のページは、どういう表現が良いのか、少し悩ましく思っています。
GoogleタグマネージャでGoogle Analytics 4（GA4）を用いたアクセス解析設定方法
https://wp-cocoon.com/google-tagmanager-ga4/#toc8
現在は、以下のようにご変更いただいたのですが・・・。
Googleタグマネージャーは、AMPのGoogle Analytics 4に対応していません。
少し思ったのは、「AMP用のタグマネージャーが、GA4に対応していない」？
この辺りで、すこしもやもやとしています。
（齟齬がなければ、良いのですけど）
わいひら reacted
2023-07-02 19:39
これらをふまえて、私であればこのように変更します。
丁寧に解説していただき恐縮です。ありがとうございます。
該当部分を修正し不要なコードも削除しておきました。
https://github.com/xserver-inc/cocoon/commit/3a1020ca6eb2bc233b0e8a969611b5fbad946159
けっこう手間がかかるので、これを機に AMP 機能の廃止でもいいかもしれないと思ってしまいました。
全て一度にやると不具合が起こった時に原因を特定しづらくなるので、とりあえず今回の変更を行って様子を見てからにしたいと思います。
ありがとうございます。
Akira reacted
2023-07-02 19:51
ご確認ありがとうございます。
少し思ったのは、「AMP用のタグマネージャーが、GA4に対応していない」？
今回修正したことも含めて「Googleタグマネージャーで、Google Analytics 4（GA4）の設定をしたとしても、AMPページのアクセス計測はできません。」とできないことを書いといてもいいのかも。
というか、AMP機能は非推奨としているので前回のページも含めて記述を簡潔にするため削除してしまっても良いのかなとも思います。
Topic starter
2023-07-03 00:31
今回修正したことも含めて「Googleタグマネージャーで、Google Analytics 4（GA4）の設定をしたとしても、AMPページのアクセス計測はできません。」とできないことを書いといてもいいのかも。
そうですね。
その方が良さそうに思います。
というか、AMP機能は非推奨としているので前回のページも含めて記述を簡潔にするため削除してしまっても良いのかなとも思います。
AMP機能を廃止にしていれば、それでも良さそうには思います。
まだ非推奨になったことをご存知ない方もいらっしゃると思うんですよね。
（先日、むしろこれから使おうとなさっていた方もいらしたような）
それだけに、この辺りの事をご存知ない方もいらっしゃるような気がして、一気に削除してしまうのは少し心配ではあります。
（そうとは言え、そういう方って、見てくださらないからご存知ないことが多いですけれど）
わいひら reacted
2023-07-03 13:02
お手数をおかけしました。ありがとうございます。
ただ、Google アナリティクスで計測している Cocoon の環境を持っておらず、動作確認をしていません。AMP を有効にしている方からの不具合報告を待ってみます。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。