web-dev-qa-db-ja.com

Googleタグマネージャーの「クリッククラス」と「クリック要素」の違い

Googleタグマネージャーの「クリッククラス」と「クリック要素」の違いがよくわかりません。私はこれらのイベントの予想される使用法を理解しておらず、「含む」および「CSSセレクター」に関するそれぞれの動作を理解していません。

class="buttons primary small"があるとします。

機能しているもの：

Click Element -> Matches CSS selector -> .buttons.small 
Click Classes -> contains -> small

機能していないもの

Click Element -> contains -> .buttons.small 
Click Classes -> Matches CSS selector -> small

click Classesが「オブジェクトのクラスの配列」である場合、この種の操作を行うと、GTMの「内部」で実際に何が起こりますか？

私が本当の問題を抱えているということではなく、正しく理解しようとしているだけです。

css-selectorsgoogle-tag-manager
11
Simon Breton

Click Classesは、アクションのターゲットであったHTML要素のclass属性の値を返します。それは常に文字列であり、あなたの例では、必ずしもこの順序である必要はありませんが、「buttons primary small」を返します。

Click Elementは、アクションのターゲットであったHTML要素を返します。

「含む」は、文字列に対して使用するGTMのマッチタイプです。これが、クリック要素ではなくクリッククラス（文字列を返す）で機能する理由です。

「Matches CSS Selector」は、特定の要素が特定のCSSセレクタに一致するかどうかのチェックです。したがって、「CSSセレクターの一致」はHTML要素に対して実行する必要があります。これが、クリッククラスではなくクリック要素で機能する理由です。

私の意見では、クリッククラスは冗長です。クリッククラスに対して文字列を照合するよりも、クリック要素に対してCSSセレクターチェックを行う方が常に良いためです。その方がより堅牢であり、クラス属性値でクラス名が特定の順序になっていることを心配する必要もありません。

つまり、better：

要素をクリックCSSセレクターに一致 .buttons.primary.small

悪い：

クラスをクリック含むボタンプライマリ小

16
Simo Ahava