Google conversion tracking after submit button WordPress
- SOLVED
Hello. This is my site: www.argentinepassions.com
As you can see, at the end of the site there is a calendar with a form for booking. I have set an adwords campaign and would like to track as a conversion every time someone clicks "Book now" in the form. The problem is that the plugin doesn't send you to another page when you click this button, so I need it to track the conversion when the button is pressed.
Perhaps this helps, but I don't know how to apply it, I need step by step explanation for my specific site:
http://stackoverflow.com/questions/27149647/how-to-implement-a-google-adwords-conversion-pixel-using-ajax-on-a-submit-butt/27149886?noredirect=1#comment42795611_27149886
Thanks
Answers (3)
Jayaram Y answers:
Hi,
You can use this plugin to track clicking on elements of the page such as contact button, play button etc..
https://wordpress.org/plugins/wp-google-analytics-events/
matiasi comments:
Hello, it's interesting but I don't know how to configure it. How do I know the element name and the other fields required? https://wpflow.com/basic-configuration/
Thanks
Jayaram Y comments:
Hi. You can check the video tutorial. From 1:00.
Element name is the class or ID of that button or anchor link.
Jayaram Y comments:
Mariasi,
Did you mange to do it.? Was that helpful for you
matiasi comments:
Hello, I need the exact information I have to input in each field. I don't know how to find the the class or id of that button. Thanks
Romel Apuya answers:
Hi,
You can try something like this in ur themes functions.php
but if you can make it to add an id to the button then replace
#banner_396588937 .button.large.primary
with #<strong>buttons_id</strong>
<?php
add_action('wp_head','add_google_trackConversion');
function add_google_trackConversion(){
?>
<script type="text/javascript" src="http://www.googleadservices.com/pagead/conversion_async.js" charset="utf-8"></script>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type='text/javascript'>
/* <![CDATA[ */
jQuery.noConflict();
jQuery( document ).ready(function( $ ) {
$('#banner_396588937 .button.large.primary').click(function(){
window.google_trackConversion({
google_conversion_id: 1234,
google_remarketing_only: true,
});
})
});
/* ]]> */
</script>
<?php
}
?>
Romel Apuya comments:
ohh sorry it should be
since the conversion takes place when the form is submitted.
<?php
add_action('wp_head','add_google_trackConversion');
function add_google_trackConversion(){
?>
<script type="text/javascript" src="http://www.googleadservices.com/pagead/conversion_async.js" charset="utf-8"></script>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type='text/javascript'>
/* <![CDATA[ */
jQuery.noConflict();
jQuery( document ).ready(function( $ ) {
$('#DOPBookingSystem_Form1')on('submit',function(){
window.google_trackConversion({
google_conversion_id: 1234,
google_remarketing_only: true,
});
})
});
/* ]]> */
</script>
<?php
}
?>
Romel Apuya comments:
<?php
add_action('wp_head','add_google_trackConversion');
function add_google_trackConversion(){
?>
<script type="text/javascript" src="http://www.googleadservices.com/pagead/conversion_async.js" charset="utf-8"></script>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type='text/javascript'>
/* <![CDATA[ */
jQuery.noConflict();
jQuery( document ).ready(function( $ ) {
$('#DOPBookingSystem_Form1').on('submit',function(){
window.google_trackConversion({
google_conversion_id: 1234,
google_remarketing_only: true,
});
})
});
/* ]]> */
</script>
<?php
}
?>
matiasi comments:
Hello. Where should I add the tracking code that google provides? Thanks
Romel Apuya comments:
on this part i think
google_conversion_id: 1234,
google_remarketing_only: true,
Hello. Where should I add the tracking code that google provides? Thanks
-- I dont quite understand to be honest..
Romel Apuya comments:
all this code is in the functions.php
Monit Jadhav answers:
Site doesnt show up for me please advice?
Monit Jadhav comments:
Put this in your functions file
This should do it.
<?php
wp_register_script('google_conversion_js','http://www.googleadservices.com/pagead/conversion_async.js', array(), '1', false);
wp_enqueue_script( 'google_conversion_js');
add_action('wp_footer','add_button_track');
function add_button_track(){
?>
<script type='text/javascript'>
/* <![CDATA[ */
jQuery.noConflict();
jQuery( document ).ready(function( $ ) {
$('#DOPBookingSystem_Submit1').click(function(){
window.google_trackConversion({
google_conversion_id: Your_Conversion_ID,
google_remarketing_only: true,
});
})
});
/* ]]> */
</script>
<?php
}
?>