1. カスタムピクセルコード
ウェブサイト管理の過程で、カスタムピクセルコードは、訪問者の行動や嗜好を追跡・分析し、ストアの最適化に役立つ重要な機能です。Shoplineのバックエンドでは、追加、接続、切断、変更、削除など、カスタムピクセルコードの管理が簡単に行えます。
LAX Sandbox は、アップロードしたカスタムピクセルコードを保護し、専門性を高めます。ただし、ピクセルコードの機能はサンドボックスでは適用されない場合があります。問題が発生した場合は、Shoplineのアカウントマネージャーに連絡してください。
2. 使用方法
カスタムピクセルコードを使用するためには、Shoplineのバックエンドにアクセスし、「設定」＞「ユーザーイベント」をクリックしてください。
1.1 カスタムピクセルコードの追加
カスタムピクセルコードを追加する前に、顧客のアクティビティの重複追跡を避けるため、既存のピクセルコードを削除または変更してください。theme.liquid、checkout.liquid、および他のチェックアウト設定内のスクリプトなどの場所を確認し、既存のピクセルコードを削除してください。これにより、顧客のアクティビティが2重にカウントされることがなくなります。
- Shoplineのバックエンドにアクセスし、「設定」＞「ユーザーイベント」に移動します。
- 「カスタムピクセルコードの追加」をクリックし、ピクセルコードに固有の名前を編集して保存します。
- サンドボックスエリアに移動し、ピクセルコードスクリプトを入力し、30文字を超えないようにします。
- カスタムピクセルコードを保存するには、「更新」をクリックします。
1.2 カスタムピクセルコードの接続
追加したカスタムピクセルコードがSHOPLINEのプライバシーポリシーに準拠していると自信がある場合は、ストアにピクセルコードを接続して機能を開始できます。接続方法は2つあります:
オプション1:
- Shoplineのバックエンドにアクセスし、「設定」＞「ユーザーイベント」に移動します。
- 「カスタムピクセルコードの追加」操作を行った後、右上隅にある接続ボタンをクリックします。
オプション2:
- Shoplineのバックエンドにアクセスし、「設定」＞「ユーザーイベント」に移動します。
- コードセクションに移動すると、追加したカスタムピクセルコードのステータスが表示されます。接続したいピクセルコードを見つけ、「...」をクリックしてアクション列の下にある「接続」を選択します。
1.3 カスタムピクセルコードの切断
切断すると、追加したカスタムピクセルコードのトラッキングが停止します。
- Shoplineのバックエンドにアクセスし、「設定」＞「ユーザーイベント」に移動します。
- リスト内の「接続済み」ステータスを持つカスタムピクセルコードのみ切断できます。「...」をクリックし、「切断」を選択します。
1.4 カスタムピクセルコードの変更
接続済みであろうとなかろうと、カスタムピクセルコードの内容や名前を変更することができます。カスタムピクセルコードを変更する場合は、以下の手順に従ってください:
ピクセルコードの内容を変更:
- Shoplineのバックエンドにアクセスし、「設定」＞「ユーザーイベント」に移動します。
- 変更したいピクセルコードを検索ボックスで検索するか、コードリスト内のピクセルコード名を直接クリックして編集ページに移動します。
- サンドボックスエリアで必要な変更を行い、「更新」をクリックします。
ピクセルコード名の変更：
- SHOPLINEのバックエンドに移動し、「設定」＞「ユーザーイベント」に移動します。
- カスタムピクセルコードリストから、変更したいピクセルコードを見つけます。「アクション」列の下にある「...」をクリックし、「ピクセルコード名の編集」を選択します。
- ピクセルコード名を変更し、「保存」をクリックします。
1.5 カスタムピクセルコードの削除
必要なくなったりエラーを引き起こしているカスタムピクセルコードを削除できます。カスタムピクセルコードを削除すると、元に戻すことはできないので、操作を正しく実行することを確認してから進めてください。
- SHOPLINEのバックエンドに移動し、「設定」＞「ユーザーイベント」に移動します。
- カスタムピクセルコードリストから、削除したいピクセルコードを見つけます。「アクション」列の下にある「...」をクリックし、「削除」を選択します。
1.6 カスタムピクセルコードのテスト
カスタムピクセルコードを設定した後、テストイベントツールを使用して、標準イベントまたはカスタムイベントが正しく設定されているかどうかを確認できます。以下は一般的に使用されるGoogle Chrome拡張機能です：
- Meta Pixel Helper: https://chrome.google.com/webstore/detail/meta-pixel-helper/fdgfkebogiimcoedlicjlajpkdmockpc
- Twitter Pixel Helper: https://chrome.google.com/webstore/detail/twitter-pixel-helper/jepminnlebllinfmkhfbkpckogoiefpd
コメント