<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>zInformatik &#187; Adsense</title>
	<atom:link href="http://zinformatik.de/tag/adsense/feed/" rel="self" type="application/rss+xml" />
	<link>http://zinformatik.de</link>
	<description>Computer, Informatik und Mikrocontroller Blog</description>
	<lastBuildDate>Sat, 22 Oct 2011 09:51:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Werbeblocker erkennen in WordPress</title>
		<link>http://zinformatik.de/programmieren/werbeblocker-erkennen-in-wordpress/</link>
		<comments>http://zinformatik.de/programmieren/werbeblocker-erkennen-in-wordpress/#comments</comments>
		<pubDate>Sun, 28 Dec 2008 14:45:58 +0000</pubDate>
		<dc:creator>zimon</dc:creator>
				<category><![CDATA[Programmieren]]></category>
		<category><![CDATA[Adsense]]></category>
		<category><![CDATA[Werbeblocker]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://zinformatik.de/?p=148</guid>
		<description><![CDATA[<p>Da mittlerweile schon viele Leute Werbeblocker verwenden und dies den Umsatz senkt, wäre es schön, wenn man den User bitten könnte seinen Werbeblocker für die eigene Seite abzuschalten.</p>
<p>Im Internet habe ich nun <a href="http://www.selfphp.de/forum/showthread.php?t=19890" title="eine Möglichkeit" target="_blank" class="liexternal">eine Möglichkeit</a> gefunden genau dies zu tun. Wie man dies in Worpress umsetzt werde ich hier erläutern:</p>
<p><strong>Idee</strong></p>
<p>Wir versuchen am Anfang&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>Da mittlerweile schon viele Leute Werbeblocker verwenden und dies den Umsatz senkt, wäre es schön, wenn man den User bitten könnte seinen Werbeblocker für die eigene Seite abzuschalten.</p>
<p>Im Internet habe ich nun <a href="http://www.selfphp.de/forum/showthread.php?t=19890" title="eine Möglichkeit" target="_blank" class="liexternal">eine Möglichkeit</a> gefunden genau dies zu tun. Wie man dies in Worpress umsetzt werde ich hier erläutern:</p>
<p><strong>Idee</strong></p>
<p>Wir versuchen am Anfang der Seite ein Script aufzurufen, welches in einem tief verschachtelten Ordner liegt. Die Ordnernamen sind alle Keywords für die Adblocker wie &#8220;ads&#8221;, &#8220;click&#8221;, &#8220;adserver&#8221;,&#8230;</p>
<p>Wird das Script aufgerufen, so ist kein Werbeblocker aktiv, denn dieser hätte den Aufruf des Scripts verhindert (wegen der vielen Keywords). In diesem Fall wird eine Variable auf true gesetzt.</p>
<p>Später im Quelltext (am besten da wo die Werbung angezeigt wird) macht man nun eine Abfrage, ob die Variable auf true steht (was bedeutet, dass kein Werbeblocker aktiv ist). Tut sie es nicht, soll ein alternativer Text ausgegeben werden, der den User darum bittet seinen Werbeblocker für die Seite abzuschalten.</p>
<p><strong>Umsetzung in WordPress</strong></p>
<p>Ich benutze den Adsense-Manager um Adsense Werbung auf der Seite zu zeigen und werde auch darauf eingehen.</p>
<p>Als erstes erstellen wir unser Testscript, was in einem tief verschachtelten Ordner liegt (die Ordner müssen natürlich alle erst angelegt werden):</p>
<p>Bei mir liegt das Script in http://zinformatik.de/werbung/banner/ads/adserver/advertising/click/adsense/ad.js.</p>
<p>Die Datei ad.js hat nur eine Zeile:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> werbeblocker <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span></pre></div></div>

<p>Nun rufen wir das Script im Header auf. Dafür fügen wir folgende Zeile ans Ende der header.php an:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://zinformatik.de/werbung/banner/ads/adserver/advertising/click/adsense/ad.js&quot;</span> </span>
<span style="color: #009900;"><span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span></pre></div></div>

<p>Die Domain (zinformatik.de) muss natürlich angepasst werden.</p>
<p>Nun fragen wir die Variable ab. Wer den Adsense-Manager verwendet, kann den Code einfach in den Einstellungen der einzelnen Banner vor den Werbeblock einfügen. Dafür gibt es ein extra Feld. Nun güt man zu jedem Banner in der Liste den entsprechenden Code ein (je nachdem, ob es ein horizontales oder vertikales Banner ist)</p>
<p>Wenn man den Adsense-Manager nicht verwendet, muss man den Code von Hand an die Stellen im Code einfügen, wo der Hinweis an den User erscheinen soll (z.B. vor jedem Auftreten des Werbecodes).</p>
<p>Hier mein Code, den ich anstelle von horizontalen Bannern verwende:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span> 
	<span style="color: #000066; font-weight: bold;">try</span> <span style="color: #009900;">&#123;</span> 
		<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>werbeblocker<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> 
			zeigemeldung <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span> 
		<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span> 
			zeigemeldung <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span> 
		<span style="color: #009900;">&#125;</span> 
	<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">catch</span><span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> 
		zeigemeldung <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span> 
	<span style="color: #009900;">&#125;</span> 
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>zeigemeldung<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> 
		document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;&lt;div class=&quot;</span>adblock<span style="color: #3366CC;">&quot;&gt;&lt;table&gt;&lt;tr&gt;
			&lt;td&gt;&lt;img src=&quot;</span>http<span style="color: #339933;">:</span><span style="color: #006600; font-style: italic;">//zinformatik.de/warning.png&quot;&gt;&lt;/td&gt;</span>
			<span style="color: #339933;">&lt;</span>td<span style="color: #339933;">&gt;</span>Diese Seite wird durch Werbung finanziert.<span style="color: #339933;">&lt;</span>br <span style="color: #339933;">/&gt;</span> 
				Bitte deaktiviere Deinen Werbeblocker für diese Seite<span style="color: #339933;">!&lt;/</span>td<span style="color: #339933;">&gt;</span>
		<span style="color: #339933;">&lt;/</span>tr<span style="color: #339933;">&gt;&lt;/</span>table<span style="color: #339933;">&gt;&lt;/</span>div<span style="color: #339933;">&gt;</span><span style="color: #3366CC;">&quot;); 
	} 
&lt;/script&gt;</span></pre></div></div>

<p>Der folgende Code ist für dier Ersetzung vertikaler Banner:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span> 
	<span style="color: #000066; font-weight: bold;">try</span> <span style="color: #009900;">&#123;</span> 
		<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>werbeblocker<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> 
			zeigemeldung <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span> 
		<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span> 
			zeigemeldung <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span> 
		<span style="color: #009900;">&#125;</span> 
	<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">catch</span><span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> 
		zeigemeldung <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span> 
	<span style="color: #009900;">&#125;</span> 
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>zeigemeldung<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> 
		document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;&lt;div class=&quot;</span>adblock<span style="color: #3366CC;">&quot;&gt;&lt;table&gt;
			&lt;tr&gt;&lt;td&gt;&lt;img src=&quot;</span>http<span style="color: #339933;">:</span><span style="color: #006600; font-style: italic;">//zinformatik.de/warning.png“&gt;&lt;/td&gt;&lt;/tr&gt;</span>
			<span style="color: #339933;">&lt;</span>tr<span style="color: #339933;">&gt;&lt;</span>td<span style="color: #339933;">&gt;</span>Diese Seite wird durch Werbung finanziert.<span style="color: #339933;">&lt;</span>br <span style="color: #339933;">/&gt;</span> 
				Bitte deaktiviere Deinen Werbeblocker für diese Seite<span style="color: #339933;">!&lt;/</span>td<span style="color: #339933;">&gt;&lt;/</span>tr<span style="color: #339933;">&gt;</span>
		<span style="color: #339933;">&lt;/</span>table<span style="color: #339933;">&gt;&lt;/</span>div<span style="color: #339933;">&gt;</span><span style="color: #3366CC;">&quot;); 
	} 
&lt;/script&gt;</span></pre></div></div>

<p>Auch bei diesen beiden Codeschnipseln muss die Domain (zinformatik.de) entsprechend ersetzt werden.</p>
<p>In die style.css  fügen wir  nun noch folgende Klasse ein um die Ausgabe zu formatieren:</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #6666ff;">.adblock</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#ff0000</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#000000</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">center</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> <span style="color: #ff0000;">'Trebuchet MS'</span><span style="color: #00AA00;">,</span> <span style="color: #ff0000;">'Lucida Grande'</span><span style="color: #00AA00;">,</span> Verdana<span style="color: #00AA00;">,</span> Arial<span style="color: #00AA00;">,</span> Sans-Serif<span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">font-weight</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">bold</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1.6em</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>Das Bild stammt aus den Wikimedia Commons und kann <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/c/cb/DIN_4844-2_Warnung_vor_einer_Gefahrenstelle_D-W000.svg/616px-DIN_4844-2_Warnung_vor_einer_Gefahrenstelle_D-W000.svg.png" title="hier" target="_blank" class="liexternal">hier</a> herunter geladen werden. Ich habe es noch auf eine Höhe von 100px zugeschnitten.</p>
<p><img id="greasedLightboxPreload" alt="" /><img id="greasedLightboxPrefetch" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://zinformatik.de/programmieren/werbeblocker-erkennen-in-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

