タグ実装のデバッグ debug-tags-implementation
タグ実装のデバッグに使用される一般的なツールと技術について紹介します。ブラウザーの Developer Console と Experience Platform デバッガー拡張機能を使用して、タグ実装の重要な側面を特定してトラブルシューティングする方法について説明します。
Satellite オブジェクトを介したクライアントサイドのデバッグ
クライアントサイドのデバッグは、タグプロパティのルールの読み込みまたは実行順序を確認するのに役立ちます。タグプロパティが web サイトに追加されるたびに、_satellite
JavaScript オブジェクトがブラウザーに存在するようになり、クライアントサイドのイベントとデータの追跡を容易にします。
クライアントサイドのデバッグを有効にするには、_satellite
オブジェクトの setDebug(true)
メソッドを呼び出します。
-
ブラウザーコンソールを開き、次のコマンドを実行します。
code language-javascript _satellite.setDebug(true);
-
AEM サイトページをリロードし、コンソールログに以下のような ルール発動 メッセージが表示されていることを確認します。
Adobe Experience Platform Debugger を使用したデバッグ
アドビでは、統合をデバッグし、理解し、インサイトを得ることができるように、Adobe Experience Platform Debugger の Chrome 拡張機能と Firefox アドオン を提供しています。
-
Adobe Experience Platform Debugger の拡張機能を開き、パブリッシュインスタンスでサイトページを開きます。
-
Adobe Experience Platform Debugger/サマリ/Adobe Experience Platform タグ セクションで、名前、バージョン、ビルド日、環境、拡張機能などのタグプロパティの詳細を確認します。