Meta tag en scripts toevoegen in WordPress

Shares

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!

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-Google-Analytics trackingcode]"; $content = "";
        
  echo $content;

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.

Mogelijk interessant voor jou:  Google AdSense advertenties in WordPress met shortcodes

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.

Mogelijk interessant voor jou:  Via FTP een bestand wijzigen

Show your support


If you want to step in to help me cover the costs for running this website, that would be awesome. Just use this link to donate a cup of coffee ($5 USD for example). And please share the love and help others make use of this website. Thank you very much!


About the Author Jan Reilink

My name is Jan. I am not a hacker, coder, developer, programmer or guru. I am merely a system administrator, doing my daily thing at Vevida in the Netherlands. With over 15 years of experience, my specialties include Windows Server, IIS, Linux (CentOS, Debian), security, PHP, websites & optimization.

follow me on:

Leave a Reply

Laat als eerste een reactie achter.

  Subscribe  
Abonneren op