0

私は、Google AnalyticsをORACLE APEXアプリケーションに実装しました。 Googleアナリティクスの[モーダルダイアログを閉じる/閉じるボタンを押す]イベントのトラッキング方法を知りたいと思います。GoogleタグマネージャとOracle APEX:トラッククローズダイアログ

私はGoogleタグマネージャで次のことを試してみた:

タグを enter image description here 私は、イベントの種類として、タグを作成しました。クリックされた要素が.ui-dialog-titlebar-closeと一致したときにタグをトリガするトリガを含みます。

トリガー enter image description here

閉じるボタンのHTML:

<button type="button" class="ui-button ui-dialog-titlebar-close" role="button" title="Close"> 
<span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span> 
<span class="ui-button-text">Close</span> 
</button> 

私はCSSは、次の(volgende)またはキャンセル(annuleren)ボタンをトリガーに一致して変化しますGoogleアナリティクスのイベントでイベントが表示されます: enter image description here

私はいくつかの人が私を助けることを願っています!

編集

は .ui-ダイアログタイトルバー-近くにCSSのUI-ダイアログタイトルバークローズ言及を変更し、ドットが欠落していました。しかし、それは私の問題 を解決していません。それでもイベントではクローズアクションは見えません。

+0

cssセレクタは、クラスを見逃した実際のCSSセレクタ、。(ドット)、 '.ui-dialog-titlebar-close'を試してください。 – ztadic91

+0

@ ztadic91これは実際に私の問題を解決するものではありません。他のソリューション? :) – Elvira

+0

あなたは、HTMLがあるサイトへのリンクを提供できますか? – ztadic91

答えて

1

コメントとして投稿するには時間がかかりすぎるので、ここでは可能な回答を追加します。 このセレクタで試してください。

.ui-button.ui-dialog-titlebar-close,.ui-button.ui-dialog-titlebar-close .ui-button-icon-primary.ui-icon.ui-icon-closethick,.ui-button.ui-dialog-titlebar-close .ui-button-text 

これは、ボタンの内側の2つのスパン要素のセレクタです。

+0

ありがとうございました!それは働いた:) – Elvira

+0

@エリビラあなたの問題を解決した場合、答えとして質問をマークしてください – ztadic91

+0

完了、私は誤って答えacceptionのisteadの上の矢印をクリックしました。再度、感謝します!今はうまくいきました。 – Elvira

関連する問題