Klaviyo.js とサイト速度レポートのトラブルシューティング
このページで学べること
Klaviyo のオンサイト JavaScript(Klaviyo.js)について確認してください。これは、Active on Site トラッキングを有効にするためにサイトに貼り付けるコードスニペットであり、サイト速度への影響も含まれます。ウェブサイトで Klaviyo のサインアップフォームを公開するには、Klaviyo.js をインストールする必要があります。
外部連携を通じて サイト上でアクティブ を有効にするためのサポートについては、サインアップフォームが有効になっていることを確認する方法をご覧ください。
サイト速度のパフォーマンスをトラブルシューティングする
Klaviyo.js は、多くの E コマース外部連携を通じて自動的に挿入されます。ほかのプラットフォームでは、手動でインストールできます。これにより Klaviyo のサインアップフォームが表示されるようになり、お客様がサイト上でアクティブになったタイミングをトラッキングできる場合があります。
- Klaviyo の JavaScript がウェブサイトのパフォーマンス(例:PageSpeed スコア)に影響しており、外部連携を通じて自動的にインストールされた場合は、代わりに 手動でインストールしてみてください。
Shopify では、手動でインストールするのではなく、 Klaviyo の Shopify アプリ埋め込み を通じて サイト上でアクティブ トラッキングを有効にすることをおすすめします。これにより、ウェブサイトのネイティブ タグ マネージャーがバイパスされ、Klaviyo の JavaScript の読み込みがより速くなる場合があります。
- Klaviyoのサインアップフォームを使用していない場合(つまり、ウェブサイト上でサインアップフォームを作成して公開するために別のツールを使用している場合)は、サインアップフォームタブ内のすべてのフォームが下書きに設定されていることを確認してください。フォームがオフラインの間も、オンサイトトラッキングのためにKlaviyo.jsをインストールしたままにできます。

各サインアップフォームの ステータス を確認するには、 サインアップフォーム タブに移動してください。Liveはサイト上で公開されているフォームを示し、Editingは未公開の変更がある公開中のフォームを示し、Draftは以前に非公開にしたフォームを含め、現在サイト上で公開されていないフォームを示します。
アクティブなA/Bテストまたは最適化がないライブフォームの場合:
- サインアップフォームでフォームの3点メニューを開き、編集を選択してください。
- エディターのステータスのドロップダウンで、下書きを選択してください。これによりフォームがオフラインになり、変更を公開する必要はありません。
- サインアップフォームに戻り、フォームのステータスが下書きであることを確認してください。使用しなくなった各ライブフォームについて、この手順を繰り返してください。
アクティブなA/Bテストがあるフォームの場合は、フォームのメニューから分析を開き、A/Bテスト結果に移動して、アクティブなA/Bテストを選択します。勝者を選択をクリックし、バリエーションを選択して、テストを終了し、選択したバリエーションを下書きに設定を選択した後、確認のために勝者を選択をクリックします。
最適化を実行中のフォームの場合は、フォームのメニューから分析を開き、A/Bテスト結果に移動します。最適化テストとアクティブな最適化を選択し、三点メニューからテストを終了を選択します。保持するバリエーションを選択し、確認のためにテストを終了をクリックします。これにより、選択したバリエーションが公開状態のままになるため、上記の手順に従ってフォームを下書きに設定してください。
フォームが後で公開されるようにスケジュールされている場合は、サインアップフォームでフォームのメニューを開き、スケジュールを編集を選択して、スケジュールを削除をクリックし、オフラインのままにします。
Klaviyoの標準インストール方法ではKlaviyo.jsを非同期で読み込むため、スクリプトをダウンロードしている間もブラウザはページの読み込みを続行できます。JavaScriptの実行には引き続きブラウザリソースが使用され、ページパフォーマンスに影響する可能性があります。そのため、GoogleのPageSpeedインサイトやその他のサイト速度レポートで、サイトの読み込み時間に影響する要因としてフラグが付けられる場合があります。
サイト速度と SEO はお客様にとって重要であり、Klaviyo は JavaScript による影響を最小限に抑えることに取り組んでいます。エンジニアが klaviyo.js を最適化した方法をご覧ください。Klaviyo.js のパフォーマンスを高め、読み込み時間を改善するために新しいアップデートをリリースするにつれて、改善は継続していきます。
その他のリソース
- Klaviyo オンサイトトラッキングのスタートガイド
Klaviyo で対応している E コマースサイトのオンサイトトラッキングについて説明します。主なオンサイトトラッキングは以下の 2 つです。
- サードパーティアプリについて理解する
Klaviyo の API を使用してサードパーティ(Klaviyo ではなく第三者)が構築したアプリであるサードパーティ製アプリの見つけ方をご覧ください。Klaviyo の API により、さまざまなサードパーティが当社のプラットフォーム用のアプリや外部連携を構築できます。アプリ マーケットプレイスで、Klaviyo 製の外部連携と一部のサードパーティ製アプリの両方を検索できます。マーケットプレイスで見つからないアプリをお探しの場合は、プラットフォームに直接問い合わせることをおすすめします。