AdWords が「Google 広告」になりました。これまで AdWords としてご利用いただいていたサービスの名前が「Google 広告」に変わりました。検索ネットワーク、ディスプレイ ネットワーク、YouTube などを対象にあらゆる広告サービスを提供いたします。詳細

290 人が現在オンライン
290 人が現在オンライン
Google アナリティクスのアカウント設定、プロパティ、ビューやフィルタ設定などについて、ユーザー同士で意見交換ができます。解析を通して浮かんだ質問やアイディアを投げかけ合って、よりデータ分析の知識を高めていきましょう。
ガイドを表示
star_border
返信

クリックイベント:直前のh2を取得したい

初級者 ✭ ✭ ✭

<div class="contents">

<h2>東京</h2>

<a href="chiyoda">千代田区</a>

<a href="chuo">中央区</a>

</div>

<div class="contents">

<h2>神奈川</h2>

<a href="yokohama">横浜市</a>

<a href="kawasaki">川崎市</a>

</div>

このようなページのクリック計測において、「千代田区」をクリックした時にh2の「東京」も取得することはできないでしょうか?

ページ内に1つしかh2がない時はDOM要素で取得できたのですが。。。

 

どうぞよろしくお願いいたします。

1 人のエキスパートが返信verified_user

Re: クリックイベント:直前のh2を取得したい

トップコントリビューター

カスタムJavaScript変数を使う、という前提であれば、変数でh2の値を取得することが可能です。下記は、いただいたHTMLとjQueryを使っている前提のカスタムJavaScriptのコードになります。

 

function () {
  return $({{Click Element}}).closest('.contents').find('h2').text();
}

実際に利用される際は、サイトの開発担当の方と相談しながら進めると良いと思います。

Re: クリックイベント:直前のh2を取得したい

初級者 ✭ ✭ ✭
ありがとうございます。無事に直前のh2を取得できました!
しかし、問題が…。
h2に重複する内容がありましたので、クリックしたaを囲っているdivのidも取得したいのですが
こちらもカスタムJavaScript変数でのコードをご教授いただけないでしょうか?
どうぞよろしくお願いいたします。


<div class="contents" id="01">
<h2>スペシャルブレンド</h2>
<p>田中コーヒー</p>
<p>まいるどなあじわいです。</p>
<p>賞味期限6カ月</p>
<a href="dammy.html">50g</a>
<a href="dammy.html">100g</a>
</div>
<div class="contents" id="02">
<h2>スペシャルブレンド</h2>
<p>鈴木コーヒー</p>
<p>厳選された豆を使用しています。</p>
<p>賞味期限3カ月</p>
<a href="dammy.html">50g</a>
<a href="dammy.html">100g</a>
</div>