I need to add two tracking codes to my wordpress site, but only on a specific page (the Checkout page, run through WooCommerce http://novelconcept.org/checkout/).
It's important that the tracking code data doesn't show up anywhere else.
The tracking codes:
<!-- Google Code for Checkout Page Conversion Page -->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 1002376574;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "ffffff";
var google_conversion_label = "d22OCPLw2AcQ_pr83QM";
var google_conversion_value = 20;
var google_remarketing_only = false;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/1002376574/?value=20&label=d22OCPLw2AcQ_pr83QM&guid=ON&script=0"/>
</div>
</noscript>
-------------------------
and
-------------------------
<script type="text/javascript">
var _mfq = _mfq || [];
(function() {
var mf = document.createElement("script"); mf.type = "text/javascript"; mf.async = true;
mf.src = "//cdn.mouseflow.com/projects/4dea4abb-763c-40c8-bc3c-5be30163e8d7.js";
document.getElementsByTagName("head")[0].appendChild(mf);
})();
</script>
Liam Bailey answers:
You simply do this in your functions.php
add_action('wp_footer','add_tracking',20);
function add_tracking() {
if (is_page(#page_id#)) {
//replace #page_id# with id of page
?>
<!-- Google Code for Checkout Page Conversion Page -->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 1002376574;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "ffffff";
var google_conversion_label = "d22OCPLw2AcQ_pr83QM";
var google_conversion_value = 20;
var google_remarketing_only = false;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/1002376574/?value=20&label=d22OCPLw2AcQ_pr83QM&guid=ON&script=0"/>
</div>
</noscript>
<script type="text/javascript">
var _mfq = _mfq || [];
(function() {
var mf = document.createElement("script"); mf.type = "text/javascript"; mf.async = true;
mf.src = "//cdn.mouseflow.com/projects/4dea4abb-763c-40c8-bc3c-5be30163e8d7.js";
document.getElementsByTagName("head")[0].appendChild(mf);
})();
</script><?php
}
}
philipzeplin comments:
if (is_page(#page_id#))
for the #page_id#, do I add in the page ID from wordpress instead?
So, for instance, it would look like:
if (is_page(47))
philipzeplin comments:
Also, where in the functions.php should I add this?
Liam Bailey comments:
You can add it anywhere insite the php tags <?php ?> and yes, you use the Wordpress ID for the page, you are correct.
Abdelhadi Touil answers:
Hi.
You can use is_page() function to check if a page is being displayed like so:
<?php if is_page('checkout') { ?>
<!-- Google Code for Checkout Page Conversion Page -->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 1002376574;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "ffffff";
var google_conversion_label = "d22OCPLw2AcQ_pr83QM";
var google_conversion_value = 20;
var google_remarketing_only = false;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/1002376574/?value=20&label=d22OCPLw2AcQ_pr83QM&guid=ON&script=0"/>
</div>
</noscript>
<script type="text/javascript">
var _mfq = _mfq || [];
(function() {
var mf = document.createElement("script"); mf.type = "text/javascript"; mf.async = true;
mf.src = "//cdn.mouseflow.com/projects/4dea4abb-763c-40c8-bc3c-5be30163e8d7.js";
document.getElementsByTagName("head")[0].appendChild(mf);
})();
</script>
<?php } ?>
Use it in your footer or header section.
Source:
[[LINK href="http://codex.wordpress.org/Function_Reference/is_page"]]http://codex.wordpress.org/Function_Reference/is_page[[/LINK]]
[[LINK href="http://codex.wordpress.org/Conditional_Tags"]]http://codex.wordpress.org/Conditional_Tags[[/LINK]]
Good luck.
Sabby Sam answers:
Add this code in header.php
You will find in the theme directory.
http://codex.wordpress.org/Function_Reference/is_page
change your checkout page id , you will find in all page and moving mouse hover on quick edit.
<?php if(is_page(16)) { ?>
<!-- Google Code for Checkout Page Conversion Page -->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 1002376574;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "ffffff";
var google_conversion_label = "d22OCPLw2AcQ_pr83QM";
var google_conversion_value = 20;
var google_remarketing_only = false;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/1002376574/?value=20&label=d22OCPLw2AcQ_pr83QM&guid=ON&script=0"/>
</div>
</noscript>
<script type="text/javascript">
var _mfq = _mfq || [];
(function() {
var mf = document.createElement("script"); mf.type = "text/javascript"; mf.async = true;
mf.src = "//cdn.mouseflow.com/projects/4dea4abb-763c-40c8-bc3c-5be30163e8d7.js";
document.getElementsByTagName("head")[0].appendChild(mf);
})();
</script>
<?php ?>
Alternate solution
http://docs.woothemes.com/document/conditional-tags/
is_woocommerce()
Returns true if on a page which uses WooCommerce templates (cart and checkout are standard pages with shortcodes and thus are not included).
This will work too.