タグ実装のデバッグ

タグ実装のデバッグに使用される一般的なツールと技術について紹介します。ブラウザーの Developer Console と Experience Platform デバッガー拡張機能を使用して、タグ実装の重要な側面を特定してトラブルシューティングする方法について説明します。

Satellite オブジェクトを介したクライアントサイドのデバッグ

クライアントサイドのデバッグは、タグプロパティのルールの読み込みまたは実行順序を確認するのに役立ちます。タグプロパティが web サイトに追加されるたびに、_satellite JavaScript オブジェクトがブラウザーに存在するようになり、クライアントサイドのイベントとデータの追跡を容易にします。

クライアントサイドのデバッグを有効にするには、_satellite オブジェクトの setDebug(true) メソッドを呼び出します。

  1. ブラウザーコンソールを開き、次のコマンドを実行します。

        _satellite.setDebug(true);

  2. AEM サイトページをリロードし、コンソールログに以下のような​ルール発動​メッセージが表示されていることを確認します。

    オーサーページとパブリッシュページのタグプロパティ

Adobe Experience Platform Debugger を使用したデバッグ

アドビでは、統合をデバッグし、理解し、インサイトを得ることができるように、Adobe Experience Platform Debugger の Chrome 拡張機能と Firefox アドオン を提供しています。

  1. Adobe Experience Platform Debugger の拡張機能を開き、パブリッシュインスタンスでサイトページを開きます。

  2. Adobe Experience Platform Debugger／サマリ／Adobe Experience Platform タグ​セクションで、名前、バージョン、ビルド日、環境、拡張機能などのタグプロパティの詳細を確認します。

    Adobe Experience Platform Debugger とタグプロパティの詳細

その他のリソース

このページ