GTM/Javascript - 親を見つけるためにDOMを検索するh2

Question

私が達成しようとしているのは、クリック要素にh2タグがあるかどうかを調べ、そうでなければ、親に移動して値が得られるまで見つけて値を返します。

hrefリンクをクリックすると、Googleタグマネージャで変数h2のテキストを変数に設定して、イベントトラッキングで使用できるようにする必要があります。

編集：この申し訳ありませんがjQueryコードを使用することはできません。

ここにHTMLコードの抜粋があります。

<div id="contentRight" class="right"> 
 
    <div class="widget blue"> 
 
     <h2>Link Title</h2> 
 
    <div style="clear:both;"> 
 
     <a href="https://www.websitelink.com" class="buttonOrange" target="_self" >Find out more 
 
     <i class="fa fa-chevron-right" aria-hidden="true"></i> 
 
     </a> 
 
    </div> 
 
    </div> 
 
</div> 
 

すべてインターネット上で様々なポストを見て数時間を過ごした後、私は現在動作していないコードのマッシュアップを持っています。

function(){  
    var element = {{Click Element}}; 
    while(element.querySelector('h2').innerText === undefined); 
{ 
    element = element.parentNode; 
} 
return element.querySelector('h2').innerText;} 

私が間違っていることを誰かに知らせることができますか、これがどのように行われるかもしれないかいくつかの示唆を提供できますか？

Answer 1

あなたは厄介なやり方でそれをやっているようですが、私があなたの質問を理解しているなら、その要素の子であるリンクのテキストはh2です。リンク、すなわちのタイトルを返す必要があります

function(){ 
    var ce = {{Click Element}}; 
    return $(ce).closest('#contentRight').find('h2').text().trim() 
} 

：だから、あなたはjQueryのは、ロードされていると仮定すると、tは次のようになり、簡単なカスタムJSタグを必要とします。 "リンクタイトル"。