Отслеживание конверсий Google при нажатии кнопки

Question

Я пытаюсь добавить отслеживание конверсий Google для кнопки с внешними ссылками на моем веб-сайте, используя шаги, описанные на https://support.google.com/adwords/answer/6331304?co=ADWORDS.IsAWNCustomer%3Dfalse&hl=en, но есть небольшая морщинка:

Я использую редактор тем Wordpress с предустановленным шаблоном кнопки, который позволяет мне добавлять URL-ссылку только после

<a href=" 

поэтому я добавил URL, а затем фрагмент onclick, но он все равно распознает все в первой строке как URL и возвращает ошибку сервера.

<a href="http://capitalareasocialtennis.website.siplay.com/login" onclick="goog_report_conversion('http://capitalareasocialtennis.website.siplay.com/login')" 
class="elementor-button-link elementor-button elementor-size-lg">
    <span class="elementor-button-content-wrapper">
    <span class="elementor-button-text">Register through SI Play</span>
    </span>
</a>

Вот живой пример того, что я описываю. Я использовал код в кнопке под столбцом Sunday в качестве теста, так как он все равно не должен работать. Какие-либо предложения?

https://www.austinsocialtennis.com/league-information/

Answer 1

Вы можете использовать elementor css id для этого.

во-первых, на вашей кнопке elemen перейдите к дополнительной опции> CSS ID, заполните поле желаемым ID, например: registerbutton

Затем добавьте виджет HTML ниже кнопки или в любом месте на странице. заполните нижеуказанный код:

<script> 
document.addEventListener("DOMContentLoaded", function(event) { 
    jQuery('#registerbutton a').click(function(){ 
    // tracking code here
    // for example Facebook Pixel:  

    //fbq('track','AddToCart'); 
goog_report_conversion('http://capitalareasocialtennis.website.siplay.com/login');

}); 
}); 
</script>

Вот и все.