Meta tag en scripts toevoegen in WordPress

Zonder plugins scripts en tags 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-<jouw-trackingcode>";
  $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('send', 'pageview');

    </script>";
		
  echo $content;
}
add_filter( "wp_footer", "analytics_in_footer", 60 );

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 d.m.v 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.

Interessant voor jou:  PHP mysql converteren naar MySQLi?

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.

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

Een aantal meta tags die je kunt opnemen zijn mits 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="<jouw site 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="<jouw site 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.

Interessant voor jou:  Handleiding HTTPS (SSL) voor WordPress websites

Volg ons:
0 antwoorden

Plaats een Reactie

Meepraten?
Draag gerust bij!

Geef een reactie

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