Je bent hier: ITFAQ.nl » WordPress » Meta tag en scripts toevoegen in WordPress

Meta tag en scripts toevoegen in WordPress

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!

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.

Lees ook:  Twee handige WordPress filters en actions

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.


Heeft dit bericht jou geholpen bij het oplossen van een probleem? Of vond je het interessant? Steun dan ITFAQ.nl met een rechtstreekse donatie via Paypal of via IBAN: NL31 ABNA 0432217258 (t.n.v Jan Reilink). Slechts €5,- is al ruim voldoende, bedankt!

Lees ook:  WordPress wp-login.php toegang beveiligen

Steun ITFAQ.NL


Laat een reactie achter

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

127 queries, took 2,661 seconds running PHP version 7.4.8