Wordpressのカスタムメニューでリンク先の後にonclickを挿入したい

Question

Wordpressの外観―メニューの箇所から、リンク先の後にonclickを入れたいのですが、方法がよくわかりません。function.phpに何か書けばできますでしょうか？

目的はGoogle Anaryticsの外部クリック計測です。

<a href="https://hogehoge.com/page1.html" onclick="ga('send', 'event', 'outboundLinks', 'click', this.href, {'nonInteraction': true});">おすすめのサイト</a>

のようにonclick以下を挿入したいのです。

よろしくお願いいたします。

Answer 1

WordPressには各所の出力を制御・変更するための
フィルタフックが数多く用意されています

add_filter

件のメニューのリンク部分の属性値も例外ではありません

nav_menu_link_attributes

フィルタフックについては
ドキュメントを見るよりソースコードを見た方が
実行のタイミングやコールバックに渡される引数を
正確に把握できるのでコードを追ってみるのがオススメです

Comments

[writerym]

ありがとうございます。参考にします。

[writerym]

ありがとうございます。
とりあえずメニューにクラス付与ができましたので

<script type="text/javascript">
$(function(){
$(".xxxx").click(function() {
ga('send','event','click',xxxxx','xxxx');
});
});
</script>

を書く事で解決しました。

Wordpressの基礎的なところがよくわかっていないものでフィルタについても勉強してみます。

Answer 2

カスタムメニューにCSSのクラス付与ができるようにして

<script type="text/javascript"> $(function(){ $(".xxxx").click(function() { ga('send','event','カテゴリ','アクション','ラベル'); }); }); </script>

を書くことで解決しました。