特定のclassを持つaタグにonclick属性を追加する方法

Question

前提・実現したいこと

Google Optimizeの「選択した要素で呼び出される JavaScript 関数を入力します。」という機能を使って、a属性に対してonclick要素を追加したいです。

<li class="parent">
    <a href="***" class="link">テキスト</a>
</li>
↓
<li class="parent">
    <a href="***" onclick="gtag('event', 'click', {'event_category': '****','event_label': '****'});" class="link">テキスト</a>
</li>

指定の入力フォームは以下のようになっています。

function(element) {
ここに記載
}

やってみたこと

当方Js初心者なのですが、見様見真似で下記のような記述をしたのですがほしい結果を得られずにいます。
ご協力いただけますと幸いです。

$("a[href]").attr( "onclick",function(){
return "return gtag('event', 'click', {'event_category': '*****','event_label': '*****'});";
});
});
function gtag(...args){
console.log(args);
return false;

Answer 1

試した範囲ではうまく動いているようにみえますよ
ただし通常onclick属性は変更せずに、HTML要素に対して
addEventListenerでイベントを付加していくのがよく使われています