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

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

共有:
通知
すべてクリア

[解決済] GA4がAMPに対応

16 投稿
3 ユーザー
12 Reactions
940 表示
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7953
Topic starter  

誤字・脱字ではありませんが、Cocoon公式サイトの記載についてですので、ここに書かせていただきます。

GA4が、AMPに対応したみたいです。
(ギリギリ間に合った・・・Cocoonで対応が必要かまでは見ていません)

 
 
 
AMPはCocoonでは非推奨にはなりましたが、以下のページに、GA4のAMP非対応についての記載がありますので、修正しておいた方が良いかと思い、書かせていただきました。
 
GoogleタグマネージャでGoogle Analytics 4(GA4)を用いたアクセス解析設定方法
https://wp-cocoon.com/google-tagmanager-ga4/#toc8
 
Google Analytics(GA4)でアクセス解析をする方法
https://wp-cocoon.com/ga4/#toc5

   
わいひら reacted
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

ちなみに、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 1年前 by Akira

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

ご連絡ありがとうございます。
ガイド部分を以下のように修正しておきました。

This post was modified 1年前 by わいひら

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

タグマネージャーが、GA4に対応していない訳ではなさそうに思います。

[GA4] Google タグ マネージャーで Google アナリティクス 4 タグを設定する
https://support.google.com/tagmanager/answer/9442095?hl=ja

 

投稿者:: @akira

重要: AMP 用 Google タグ マネージャーは、Google アナリティクス 4 をサポートしていません。Google アナリティクス 4 で AMP を使用する場合は、AMP スニペットを手動で追加する必要があります。

AMP用タグマネージャー」は、GA4をサポートしていないということだと思います。

 

そのため、以下の部分にも「AMP用」という言葉があった方が良さそうに思います。

Googleタグマネージャーは、Google Analytics 4に対応していません。

AMPをご利用でない方は、タグマネージャーでGA4を設定しても問題ないように思います。

 


 

そして、以下の部分も修正が必要かと思います。

投稿者:: @mk2_mk2

Google Analytics(GA4)でアクセス解析をする方法
https://wp-cocoon.com/ga4/#toc5

 
GA4がAMPに非対応という記載があるようです。

   
わいひら reacted
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

Cocoon の AMP 機能は非推奨となったとのことですが、サポートは続くのでしょうか?

AMP を有効にしていて、Cocoon 設定 > アクセス解析・認証の「タグマネージャID」に入力している場合は、今日 7 月 1 日から AMP ページの計測がおそらくできない気がします。

tmp/amp-analytics.phptmp/amp-tagmanager.phptmp/amp-header.php の 133 ~ 134 行目 の変更が必要になってくるのですが、どうなるのでしょう。

後々に完全に廃止 と書かれているため、プルリクエストを送るかどうか迷っています。

This post was modified 1年前 2回 by Akira

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

投稿者:: @mk2_mk2

そのため、以下の部分にも「AMP用」という言葉があった方が良さそうに思います。

そのつもりで書いたのですが確かに言葉足らずですね。。
修正しておきました。

Google Analytics(GA4)のAMP記述も削除しておきました。

This post was modified 1年前 by わいひら

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

投稿者:: @akira

Cocoon の AMP 機能は非推奨となったとのことですが、サポートは続くのでしょうか?

前回の告知で様子を見て特に問題なさそうであれば、今年の12月31廃止しようと考えていました。近いうちにアナウンスできればと。
なので基本的には今後サポートはしないと思います。大きな不具合とかがあれば廃止までは対応しようとは思っています。

投稿者:: @akira

AMP を有効にしていて、Cocoon 設定 > アクセス解析・認証の「タグマネージャID」に入力している場合は、今日 7 月 1 日から AMP ページの計測がおそらくできない気がします。

tmp/amp-analytics.phptmp/amp-tagmanager.phptmp/amp-header.php の 133 ~ 134 行目 の変更が必要になってくるのですが、どうなるのでしょう。

タグマネージャーのユニバーサルアナリティクスのAMP部分の変更という解釈であっていますでしょうか?

ユニバーサルアナリティクスの通常ページの計測機能も削除しておいた方がいいのかもしれませんね。

This post was modified 1年前 by わいひら

   
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

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 1年前 by Akira

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

ご対応いただき、ありがとうございます。

投稿者:: @yhira

Google Analytics(GA4)のAMP記述も削除しておきました。

AMPに関するの記述が削除されていることを確認させていただきました。

 

以下のページは、どういう表現が良いのか、少し悩ましく思っています。

投稿者:: @mk2_mk2

GoogleタグマネージャでGoogle Analytics 4(GA4)を用いたアクセス解析設定方法
https://wp-cocoon.com/google-tagmanager-ga4/#toc8

現在は、以下のようにご変更いただいたのですが・・・。

Googleタグマネージャーは、AMPのGoogle Analytics 4に対応していません。

少し思ったのは、「AMP用のタグマネージャーが、GA4に対応していない」?

この辺りで、すこしもやもやとしています。
(齟齬がなければ、良いのですけど)


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

投稿者:: @akira

これらをふまえて、私であればこのように変更します。

丁寧に解説していただき恐縮です。ありがとうございます。
該当部分を修正し不要なコードも削除しておきました。
https://github.com/xserver-inc/cocoon/commit/3a1020ca6eb2bc233b0e8a969611b5fbad946159

投稿者:: @akira

けっこう手間がかかるので、これを機に AMP 機能の廃止でもいいかもしれないと思ってしまいました。

全て一度にやると不具合が起こった時に原因を特定しづらくなるので、とりあえず今回の変更を行って様子を見てからにしたいと思います。
ありがとうございます。


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

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

投稿者:: @mk2_mk2

少し思ったのは、「AMP用のタグマネージャーが、GA4に対応していない」?

今回修正したことも含めて「Googleタグマネージャーで、Google Analytics 4(GA4)の設定をしたとしても、AMPページのアクセス計測はできません。」とできないことを書いといてもいいのかも。

というか、AMP機能は非推奨としているので前回のページも含めて記述を簡潔にするため削除してしまっても良いのかなとも思います。


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

投稿者:: @yhira

今回修正したことも含めて「Googleタグマネージャーで、Google Analytics 4(GA4)の設定をしたとしても、AMPページのアクセス計測はできません。」とできないことを書いといてもいいのかも。

そうですね。
その方が良さそうに思います。

投稿者:: @yhira

というか、AMP機能は非推奨としているので前回のページも含めて記述を簡潔にするため削除してしまっても良いのかなとも思います。

AMP機能を廃止にしていれば、それでも良さそうには思います。
まだ非推奨になったことをご存知ない方もいらっしゃると思うんですよね。
(先日、むしろこれから使おうとなさっていた方もいらしたような)

それだけに、この辺りの事をご存知ない方もいらっしゃるような気がして、一気に削除してしまうのは少し心配ではあります。
(そうとは言え、そういう方って、見てくださらないからご存知ないことが多いですけれど)


   
わいひら reacted
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

お手数をおかけしました。ありがとうございます。

ただ、Google アナリティクスで計測している Cocoon の環境を持っておらず、動作確認をしていません。AMP を有効にしている方からの不具合報告を待ってみます。


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

投稿者:: @mk2_mk2

そうですね。
その方が良さそうに思います。

とりあえず以下のように変更しておきました。


   
mk2 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7953
Topic starter  

ご対応いただきありがとうございます。

違和感ありません。
これで良いと思います。


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

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


   
共有:

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

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

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

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

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

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

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

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