PixelYourSite の初期設定と WooCommerce 購入イベント (purchase) の設定方法

#WordPress

created: 2025/06/07, modified: 2025/06/13

WooCommerce は、WordPress上で本格的なネットショップ（ECサイト）を構築できる無料のプラグインです。
Google Analytics (GA4) でアクセス計測をしますが、WooCommerce で購入されたときにキーイベントとして計測されるように設定します。PixelYourSiteとの連携で購入金額もGA4で見れるようになるので、詳細な分析が可能になります。

【注意】PixelYourSite のバージョン11以降はWooCommerceは有料

無料で使えるバージョンをダウンロードする方法

（事前に）GA4測定IDの調べ方

GA4の「測定ID」が PixelYourSite を設定するのに必要です。
GA4の左下の「管理」→「データの収集と修正」→「データ ストリーム」
そして、該当のストリームを選択します。

PixelYourSite で設定

測定IDを設定

先ほどコピーした計測IDを「Google Analytics tracking ID:」に入力し、「Save Settings」で保存します。

WooCommerce タブで purchase 設定

WooCommerce のタブに移り、ページの中程にスクロールすると、「Track Purchases」のパネルがあるので、これを開いて赤枠の「Enable the purchase event on Google Analytics」をオンにし、保存します。
これで設定は完了です。

発火確認

サンプルストア
https://samplestore.usual.tools/shop/

サンプルストアから買い物を完了すると
https://samplestore.usual.tools/checkout/order-received/
にたどりつきます。これがThanksページです。

デベロッパーツールで確認

確認はChromeの標準デベロッパーツールだけできます。
（他にも PixelYourSite のChrome拡張機能もあるみたいです）

1. ChromeでThanksページを開く
2. デベロッパーツールを開く
3. 「ネットワーク」タブを開く
4. フィルター欄に collect (or en=purchase)

• en=purchase があれば、GA4の purchase イベントが送られている証拠です。
• tid=G-XXXXXXXXXX のようにトラッキングIDも確認できます。

GA4のリアルタイムの概要、で確認