Zonder plugins scripts en metatags toevoegen in WordPress, dat kun je het beste doen met een kleine PHP-functie! Eenvoudig en snel Google Analytics of Google Adsense code toevoegen in de header (wp_head), of debug informatie in de footer (wp_footer). Je leest hier hoe je een meta tag of script toevoegt in WordPress!

Google Analytics script toevoegen in WordPress footer

Je kunt eenvoudig het Google Analytics script toevoegen aan de footer van WordPress. In de footer, want dan laadt WordPress sneller.

Ik houd het kort en overzichtelijk, met een aantal voorbeelden. Voor alles geldt: TIMTOWTDI. Alle PHP-functieblokken voeg je toe in jouw thema functions.php bestand of site-eigen plugin.

function analytics_in_footer( $content ) {
// plaats hieronder jouw Google Analytics trackingcode
$UA = "UA-XXXXXXXX-XX";

$content = "<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', '{$UA}' , 'auto');
ga('set', 'forceSSL', true);
ga('set', 'anonymizeIp', true);
ga('send', 'pageview');
</script>";

echo $content;
}
add_action( 'wp_footer', 'analytics_in_footer' );

Wat hier gebeurt is heel eenvoudig:

In de functie analytics_in_footer() wordt de Google Analytics trackingcode voor het gemak geplaatst in een variabele genaamd $UA. Hierdoor kun je de code eenvoudig hergebruiken in andere WordPress sites; je hoeft alleen de waarde van $UA maar te veranderen. Het gehele Google Analytics scriptblok is opgenomen in de variabele $content

Die variabele $content wordt op het eind geprint door middel van echo. Deze hele functie wordt uiteindelijk met behulp van add_filter() functie en wp_footer hook op het eind uitgevoerd, net voor de sluitende </body> tag.

Het getal 60 geeft de prioriteit aan add_filter aan, die is standaard 10.

Monkey see, monkey do, dus nu we dit riedeltje kennen kunnen we het eenvoudig herhalen voor andere scripts en zaken.

WordPress voor Dummies is geschreven door Lisa Sabin-Wilson. Deze handige gids is er voor beginners, maar ook voor degenen die al ervaring hebben met WordPress en er meer over willen leren.

Norton Safe Web meta tag, Google Site Verification meta tag of Google Adwords Conversie script

Een aantal metatags die je kunt toevoegen zijn, mits je er bent aangemeld: Google Search Console, Norton Safe Web, enz.

Een HTML meta tag plaats je in de header, dus tussen <head> en </head>. Hiervoor kun je een zelfde soort functie gebruiken als hierboven.

function add_norton_metatag( $content ) {
$content = '<meta name="norton-safeweb-site-verification" content="Norton verificatie code" />';
echo $content;
}
add_action( 'wp_head', 'add_norton_metatag' );

Zo kun je ook Google Webmasters, of Search Console, eenvoudig opnemen in jouw site, zonder gebruik te maken van een WordPress plugin als Yoast (die dit overigens heel goed voor jou kan doen).

function add_google_site_verification_metatag( $content ) {
$content = '<meta name="google-site-verification" content="Google verificatie code" />';
echo $content;
}
add_action( 'wp_head', 'add_google_site_verification_metatag' );

Google Adwords Conversion tracker
Of het de beste plek ervoor is weet ik niet. Op een andere site heb ik ervoor gekozen om het Google Adwords ‘Conversies bijhouden’ script ook in de footer te plaatsen. Net als Analytics hierboven.

function google_trackConversion_in_footer( $content ) {
$content = "<!-- Google Code for teltikken Conversion Page
In your html page, add the snippet and call
goog_report_conversion when someone clicks on the
phone number link or button. -->
<script type='text/javascript'>
/* <![CDATA[ */
goog_snippet_vars = function() {
var w = window;
w.google_conversion_id = <jouw ID>;
w.google_conversion_label = '<label>';
w.google_conversion_value = 1.00;
w.google_conversion_currency = 'EUR';
w.google_remarketing_only = false;
}
// DO NOT CHANGE THE CODE BELOW.
goog_report_conversion = function(url) {
goog_snippet_vars();
window.google_conversion_format = '3';
var opt = new Object();
opt.onload_callback = function() {
if (typeof(url) != 'undefined') {
window.location = url;
}
}
var conv_handler = window['google_trackConversion'];
if (typeof(conv_handler) == 'function') {
conv_handler(opt);
}
}
/* ]]> */
</script>
<script type='text/javascript'
src='//www.googleadservices.com/pagead/conversion_async.js'>
</script>";
echo $content;
}
add_filter( 'wp_footer', 'google_trackConversion_in_footer' );

Zo zie je, met een klein stukje voorbeeldcode kun je heel veel extra tags of scripts toevoegen in de WordPress header of footer. Zo gebruik ik dit ook voor het weergeven van de WordPress & PHP laadtijd in de footer – voor alleen ingelogde admin gebruikers.

Leer alle ins en outs van MySQL met het Head First PHP and MySQL boek

Leave a Comment

Comments

No comments yet. Why don’t you start the discussion?

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *