XTag セレクター: トラッカーの視覚的な選択 Chrome wi

DESCRIPTION

XTag セレクターを使用すると、ページ内の任意の要素を視覚的に選択し、必要に応じてその親に移動できます。

次に、XTagManager または Schneider Electric タグ マネージャー コンフィギュレーターで使用できるセレクターを構築します。

• XTag セレクターを有効/無効にするには、ツールバー アイコンをクリックします。

• 緑色のセレクターを使用して、現在のページで選択する要素にマウスを置きます。

• 適切な領域を選択できない場合は、そのコンテンツの XNUMX つを選択し、目的の領域が選択されるまで [親の選択] をクリックします。

• 強調表示された要素を右クリックし、セレクターのタイプを選択します。 ► リンク追跡の場合: 一連の要素を選択します。

選択範囲にノードがない場合は、警告が表示されます。

► アクション トラッキングの場合: ボタンなどの非リンク要素を使用してクリック トラッキングを設定します。

前のオプションでリンクがないことが示されている場合に使用されます。

► 値抽出の場合: 販売追跡などで使用される、選択範囲内のテキストまたは数値を選択します (この用途では、数値のみに興味がある場合は、通貨やローカル区切り文字を気にする必要はありません。適切に選択されます)フォーマット済み）。

► エリア選択の場合: 何かを選択します。

たとえば、クリックゾーンや検索領域に役立ちます。

• セレクターはクリップボードにコピーされ、次の選択までページ上に表示されます。

Chrome コンソールでも確認できます。

• 非アクティブにするには、ツールバー アイコン、左上隅の X セレクター チップを再度クリックするか、Esc キーを押すか、別のタブに切り替えます。

************************************************* XTagセレクター ノードの構文は XPath を簡略化したものですが、重要な子孫のみを選択し、構造の変更に耐えられるように特定の方法でそれらを選択します。

.

.

/MyNode、ノードは次のとおりです: ► id または @id : ノードの ID ► tagName:className[index] : タイプとクラスを持つタグを選択します (すべてを取得するには空にすることもできます) DIV:row >> クラスを持つすべての DIV を選択します'row'、または上位の場合は最初のみ。

DIV:row[3] >> クラス 'row' を持つ XNUMX 番目の DIV を選択 A:cta* >> クラス名に 'cta' を含むすべてのノードを選択します。

追加情報：

- www.xtagmanager.com 提供
- 平均評価 : 5 つ星 (とても気に入りました)
-開発者 このメールアドレスは、スパムロボットから保護されています。 アドレスを確認するにはJavaScriptを有効にする必要があります。

XTag セレクター: トラッカー Web の視覚的な選択 extension OffiDocsと統合 Chromium オンライン