Adsense opnemen in Wordpress zonder plugin

19 December, 2008

in Geld verdienen

Al een tijdje zoek ik een makkelijk manier om Adsense toe te voegen aan berichten in mijn Wordpress website. Tot op heden moest de makkelijkste methode nog komen.

Op dit moment gebruik ik Adsense plugins die me toestaan om een Adsense bericht boven of onder mijn Wordpress berichten te zetten. Ik heb echter maar enkele advertentie posities en heb daar eigenlijk geen hele plugin voor nodig.

De code direct in de theme kloppen kan natuurlijk ook maar dat maakt het wel ingewikkelder als je de Adsense code wilt veranderen. Je hebt dit liever op 1 centraal punt staan.

Een complete Adsense code in een Wordpress bericht leidt vaak tot problemen omdat je code dan vervormd wordt.

Daarom heb ik nu de volgende methoden in mijn toolbox opgenomen. Als je onderstaande te ingewikkeld vind dan zou ik het nog even laten en bij de plugins blijven.

Gebruik Shortcodes via functions.php

Als ik een Adsense advertentie wil opnemen in een bericht dan kan dat heel makkelijk via functions.php en het gebruik van de Wordpress hook 'shortcode'.

De volgende code moet je toevoegen in je functions.php bestand. Als je dat niet hebt maak dan een nieuw bestand met die naam en zet het in dezelfde directory waar de bestanden van je theme staan.

function showads() {
return '
<script type="text/javascript"><!--
google_ad_client = "pub-3637220125174754";
google_ad_slot = "4668915978";
google_ad_width = 468; google_ad_height = 60;
// -->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
';}
add_shortcode('adsense', 'showads');

Je kan nu de Adsense toevoegen in je bericht door de volgende shortcode op te nemen in je editor, [adsense]. Je ziet deze term terugkomen in de onderste regel van de code hierboven. Door deze naam te variëren kun je meerdere Adsense blokken opnemen.

Met dank aan wprecipes.com

Adsense widgetizen in je sidebar

Met bovenstaande methode kun je ook je Adsense widgetizen en via je Wordpress dashboard opnemen in je sidebar.

Je maakt allereerst een Adsense code aan voor je sidebar en maakt een shortcode via de methode hierboven. Je noemt deze shortcode bijvoorbeeld adsense_sidebar. Vervolgens kun je deze Adsense code aanroepen via [adsense_sidebar].

De volgende stap is het klaarmaken van je sidebar om de shortcodes te ontvangen. Je doet dat door de volgende code op te nemen in je functions.php.

add_filter('widget_text', 'do_shortcode');

Je kan nu shortcodes gebruiken in de text widget in je dashboard. Ga dus naar je dashboard in Wordpress en maak een text widget.

In deze widget kun je tekst opnemen. Hierin zet je dus de shortcode [adsense_sidebar]. Je kan natuurlijk ook een andere naam gebruiken.

Vervolgens zet je deze widget op een mooie positie in je sidebar en geef je een goede titel.

Met dank aan wprecipes.com.

Adsense onder je bericht

Je wilt soms ook Adsense boven of onder je bericht zonder dat je in elk bericht die shortcode moet invoeren.

Ook dat kan je doen met functions.php. Neem de volgende code op.

function add_adsense_top($content) {
if(is_single()){
$content = '
<script type="text/javascript"><!--
google_ad_client = "pub-3637220125174754";
google_ad_slot = "4668915978";
google_ad_width = 468; google_ad_height = 60;
// -->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
'.$content;}
return $content;
}
add_filter('the_content', 'add_adsense_top'
,15);

Wat je eigenlijk doet is de inhoud van je bericht filteren en daar vervolgens het stukje Adsense code aan toevoegen.

Met het getal 15, onderaan in de code geef je de prioriteit aan. Ik gebruik bovenstaande methode namelijk ook om een nieuwsbrief teaser aan elk bericht toe te voegen. Met het getal in de 'add_filter' code kan ik dus aangeven welk stukje code eerst moet komen.

Het begin van de code heeft de volgende regel:

if(is_single()){

Hiermee geef ik aan dat ik alleen deze code wil invoegen op blogberichten. Als je deze code alleen wilt terugzien op pagina's gebruik je:

if(is_page()){

Meer van deze conditional tags vind je op de Wordpress site.

Adsense boven je bericht

Bovenstaande methode kun je natuurlijk ook gebruiken om code aan de bovenkant van je berichten toe te voegen.
Het code blok is dan een klein beetje anders:
function add_adsense_bottom($content) {
if(is_single()){
$content.= '
<script type="text/javascript"><!--
google_ad_client = "pub-3637220125174754";
google_ad_slot = "4668915978";
google_ad_width = 468; google_ad_height = 60;
// -->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
';}
return $content;}
add_filter('the_content', 'add_adsense_bottom'
);

Test de beste Adsense configuratie

Je kan nu heel makkelijk je Adsense code centraal veranderen. Ook is het nu een stuk makkelijk om je advertenties te variëren en zo te testen.

Ik maak dan twee kanalen en die noem ik bijvoorbeeld "adsense_bericht" en "adsense_bericht_test". Je maakt twee advertenties in hetzelfde formaat maar andere kleuren. Beide advertenties krijgen hun eigen kanaal.

In bovenstaande codes zet je niet 1 maar 2 Adsense  codes. Vervolgens ga je met een stukje PHP om en om (50/50) beide advertenties laten zien.

Na een week kijk je in je Adsense resultaten welke advertentie het best gewerkt heeft. Deze laat je staan en vervolgens ga je opnieuw testen met een andere kleur.

Blijf op de hoogte

Vond je deze informatie interessant, zorg dan dat je het laatste nieuws en de beste kortingen via onze nieuwsbrief ontvangt. Schrijf je nu in >>>

Je kan je natuurlijk ook op onze RSS feed inschrijven en het nieuws volgen via je eigen RSS Reader.

{ 5 reacties }

Bobbink - 11 Internet 01.01.09 om 21:03

Erg overzichtelijk artikel. Ik zelf werk ook nog wel eens met een PHP-plugin die in je berichten code kan invoegen. Zo kun je per bericht, afhankelijk van de lengte, meerdere adsense blokken invoegen. Je hebt dan wat meer vrijheid in de plaatsing en ordening.

Internetry 01.01.09 om 21:05

Nuttig artikel voor iedereen die blogt!

Jan 18.03.09 om 23:42

Fantastisch. Bedankt hiervoor!

Laatste blogpost van Jan:Vernieuwde layout

Pieter Mol 29.01.12 om 18:12

Dank je wel voor dit artikel. Vond al die plugins nogal onoverzichtelijk, met deze code is het prima gelukt!

Jan 24.02.13 om 15:46

Dank je wel voor de heldere uitleg! Zag door alle plugins het bos niet meer..
Gelukkig was deze post er om het zelf te regelen via de HTML.

Previous post:

Next post: