Next.jsアプリでHydrogenReactを利用し、Shopify Analyticsを有効にする方法について

お世話になります。

Next.js を用いてカスタムストアを構築し、運用しています。
Hydrogen React のドキュメントを閲覧したところ、Analytics 用の Utility が用意されていることに気づきました。

sendShopifyAnalytics のドキュメントを見ながら設定を行い、Chrome の developer tools から実際にログのリクエストが送信されているところまでは確認できたのですが、Shopify の管理画面上でどのように分析に使えるのかなど把握できておりません。管理画面のストア分析タブを見ても該当するような値が表示されず、Shopify 側で正しくログが受け取れているのかも不明です。

上記について、なにかご存知でしたらご教示いただきたいです。よろしくお願いいたします。

こんにちは!

私はHydrogen v2(Oxygen) の環境しか開発したことがないので見当違いなことを言っていたら申し訳ないですが、もしかするといくつか参考になるものがあるかもしれません!

Shopify の管理画面上でどのように分析に使えるのかなど把握できておりません。

これについては、Analyticsが正常に発火していれば管理画面の「ストア分析」で収集されたデータを確認することができます。
例えばセッション数、流入元、CVR、デバイスタイプなどが該当しますが、これらの値も取得されていなければ設定がうまくいってないかもしれないです。
(具体的にどのようなリクエストを送信し、何が計上されることを期待しているのかによります)

Shopify 側で正しくログが受け取れているのかも不明です

私もストア分析の機能について熟知しているわけでは無いので、ここからは当てずっぽうな意見になってしまいますが、

もしすでに本番環境が存在していて今回のAnalyticsの変更を本番リリースできるのであれば、リリース後の本番環境にアクセスし「ライブビュー」を確認すれば正しく設定されているか分かるかもしれません。

ライビューにはAnalyticsが設定されたストアのイベントがリアルタイムで集計されているようなので、自分でアクセスしてみて「現在の訪問者」が増加するかどうか確認するのも手かなと思います。

ほかにも、Collabsのドキュメントにはなってしまいますが「Confirm that analytics are sent to Shopify」の項でイベントが正しく送信されているか確認する方法が紹介されています。
https://help.shopify.com/en/manual/promoting-marketing/collabs/merchants/custom-storefronts

Steps:1. From your Shopify admin, go to Orders.

  1. Click any order.

  2. In the Conversion summary section, click View conversion details.

  3. Make sure that the customer’s journey started on your custom storefront.

(原文ママ)

とあるので、今回で言うと「ストアフロント環境(本番ストア)でテスト注文して、コンバージョンの概要にデータが表示されていれば正常に集計されている」と言えますね。

https://help.shopify.com/en/manual/fulfillment/managing-orders/analytics/conversion-summary

参考程度に、私のHydrogen v2で作成されたストアで注文した際のキャプチャを添付しておきます。

また、Hydrogen v2 のドキュメントには「Customer Privacy API を通して顧客に同意を求め、これが同意されないとAnalyticsイベントは発火しないよ」という注意書きがあります。

https://shopify.dev/docs/storefronts/headless/hydrogen/analytics/tracking?framework=hydrogen&extension=javascript#update

もしかするとこの一連のフローを踏んでいないせいで、正しくデータが送信されていない可能性も考えられるかな?と思います。

詳細に回答いただき、ありがとうございました

もしすでに本番環境が存在していて今回のAnalyticsの変更を本番リリースできるのであれば、リリース後の本番環境にアクセスし「ライブビュー」を確認すれば正しく設定されているか分かるかもしれません。

ライビューにはAnalyticsが設定されたストアのイベントがリアルタイムで集計されているようなので、自分でアクセスしてみて「現在の訪問者」が増加するかどうか確認するのも手かなと思います。

開発環境のみで試していたため、本番環境でも試してみたいと思います!

ほかにも、Collabsのドキュメントにはなってしまいますが「Confirm that analytics are sent to Shopify」の項でイベントが正しく送信されているか確認する方法が紹介されています。

なるほど、注文詳細からも集計が動作しているか確認できるのですね

ライブビューと合わせて確認するようにします