Ich weiß, dass es eine asynchrone Methode zur Verwendung von Google Analytics gibt, aber gibt es etwas Ähnliches für Adsense? Ich kann keinen meiner aktuellen Suchanfragen finden. Ich habe mich gefragt, ob mir ein allgemeiner Trick fehlt.
Ich weiß, dass es eine asynchrone Methode zur Verwendung von Google Analytics gibt, aber gibt es etwas Ähnliches für Adsense? Ich kann keinen meiner aktuellen Suchanfragen finden. Ich habe mich gefragt, ob mir ein allgemeiner Trick fehlt.
Antworten:
das macht es:
<script type="text/javascript"><!--
// dynamically Load Ads out-of-band
setTimeout((function ()
{
// placeholder for ads
var eleAds = document.createElement("ads");
// dynamic script element
var eleScript = document.createElement("script");
// remember the implementation of document.write function
w = document.write;
// override and replace with our version
document.write = (function(params)
{
// replace our placeholder with real ads
eleAds.innerHTML = params;
// put the old implementation back in place
// Aristos, add this check because called more than ones
// and ends, with this symbol.
if(params.indexOf("</ins>") != -1)
document.write=w;
});
// setup the ads script element
eleScript.setAttribute("type", "text/javascript");
eleScript.setAttribute("src", "http://pagead2.googlesyndication.com/pagead/show_ads.js");
// add the two elements, causing the ads script to run
document.body.appendChild(eleAds);
document.body.appendChild(eleScript);
}), 1);
//-->
</script>
Siehe diesen Blog-Artikel " Google Ads Async (asynchronous) ". Im Grunde habe ich einen Weg gefunden, den Anzeigencode so zu gestalten, dass er wirklich asynchron ausgeführt wird.
Ja, es gibt einen Weg - Iframes zu verwenden. Wir laden Anzeigeninhalte asynchron auf einer der Websites unserer Kunden.
Sie müssen sich zuerst an Google wenden, um Unterstützung für deren Anzeigen in Iframes zu erhalten (die bei der Erstellung dieser Website noch nicht allgemein verfügbar waren). Sie können dann JavaScript verwenden, um das Laden des AdSense-Iframe-Inhalts auszulösen. Dies tun wir.
Die Lösung ist wirklich einfach, sobald Sie die iframe-Unterstützung von Google haben.
Bearbeiten: Aus den von Virtuosi Media referenzierten Beiträgen geht hervor, dass diese Vorgehensweise von Google möglicherweise nicht begrüßt wird ...
Edit 2:
Dies ist der Code, den wir im iframe verwenden. Probieren Sie es aus, um zu sehen, ob es funktioniert, vielleicht sogar ohne Google ausdrücklich um Unterstützung zu bitten. Zur type="text/javascript" language="JavaScript"besseren Lesbarkeit entfernt:
<head runat="server">
<script src="http://partner.googleadservices.com/gampad/google_service.js">
</script>
<script>
GS_googleAddAdSenseService("ca-pub-YOURKEY");
GS_googleEnableAllServices();
</script>
<!-- For this method, it is not necessary to define the slots in advance
and we do not use the FetchAds function -->
<script>
GA_googleUseIframeRendering(true); //<%-- This indicates iframe rendering for all slots --%>
</script>
</head>
<body>
<form id="formAd" runat="server">
<div>
<script>
GA_googleFillSlotWithSize("ca-pub-YOURKEY", "AdSlotId",
iframeWidth, iframeHeight);
</script>
</div>
</form>
</body>
Wir füllen alle unsere Slots mit Adslot-IDs, sodass wir keine Haftklebemassen sehen.
Sie bieten derzeit keine Option an, soweit ich sehen kann. Wenn dies nach den Nutzungsbedingungen von Google zulässig wäre, hätten Sie am besten ein Platzhalterelement verwendet und es nach dem Laden der Seite dynamisch durch JavaScript ersetzt. Es scheint jedoch, als ob es gegen die AGB sein könnte. Weitere Informationen finden Sie in diesem Thread .
Sie können einen Platzhalter verwenden, den Adsense-Code aufrufen und dann den Platzhalter mit der Anzeige wechseln. Ich verwende so etwas auf meiner Website:
if ( ad1 = document.getElementById('ad-top') )
{
ad2 = document.getElementById('banner_tmp468');
ad1.appendChild(ad2);
ad2.style.display = 'block';
}
Google empfiehlt dies sogar, wenn angegeben wird, dass Sie Ihre wichtigste Anzeigenposition zuerst in Ihrem HTML-Code haben sollten. Wenn Sie dies erreichen möchten, müssen Sie JS oder CSS verwenden, um weniger wichtige Anzeigenblöcke an den (visuellen) oberen Rand Ihrer Seite zu verschieben.
Soweit ich weiß, rendert AdSense Anzeigen jedoch bereits asynchron. Ich habe nur sehr selten gesehen, wie es das Seitenladen blockiert. Ich bin mir jedoch nicht sicher.
Da Google sagt "Lasst uns das Web schneller machen", ändere ich den obigen Code, um die Google-Anzeigen nur dann zu laden, wenn sie sichtbar sind. Der Code funktioniert "wie er ist" nur für eine Google Place-Anzeige, aber ich denke, Sie können ihn für weitere Anzeigen einfach ändern. Die Unterschiede mit dem anderen Code sind
Beginnend mit dem, divdass ich die Anzeigen später platziere.
<div id="adSpot" ></div>
<script type="text/javascript">
// load the script with cache
function getScriptCcd(url, callback)
{
jQuery.ajax({
type: "GET",
url: url,
success: callback,
dataType: "script",
cache: true
});
};
// to unbind the scroll I keep the total binds of scroll
// in this example I have only one.
var cPosaScrollExo = 0;
// bind the scrool to monitor if ads are visible
function addThisScroll(RunThisFunction)
{
jQuery(window).scroll(RunThisFunction);
cPosaScrollExo++;
}
// unbind all scroll if all they not needed any more
function unBindScroll()
{
cPosaScrollExo--;
if(cPosaScrollExo <= 0)
{
cPosaScrollExo = 0;
jQuery(window).unbind('scroll');
}
}
// here I check if the element is visible to the user with a 100pixel advanced.
function isScrolledOnMatia(pioSimio)
{
var SimioPouTheloNaFenete = (jQuery(pioSimio).offset().top - 100 );
var scrollPosition = jQuery(window).height() + jQuery(window).scrollTop();
return (scrollPosition >= SimioPouTheloNaFenete );
}
// the ads informations
google_ad_client = "pub-XXXXXXXXXXXXXXX";
google_ad_slot = "XXXXX";
google_ad_width = 468;
google_ad_height = 60;
var GoogleIsVisible = false;
// we call this function on every window scroll
function CheckAdsVisibility()
{
if(!GoogleIsVisible)
{
if(isScrolledOnMatia("#adSpot"))
{
unBindScroll();
GoogleIsVisible = true;
// finally I go to show the ads
LoadAdsLater();
}
}
}
// here is a modification of the function that load the ads
function LoadAdsLater()
{
try
{
// Aristos: nice trick here
// remember the implementation of document.write function
w = document.write;
// override and replace with our version
document.write = (function(params)
{
jQuery("#adSpot").append(params);
// put the old implementation back in place when
// all writes are finish
if(params.indexOf("</ins>") != -1)
document.write=w;
});
// loading script
getScriptCcd("http://pagead2.googlesyndication.com/pagead/show_ads.js");
}
catch(e)
{
// check for errors on debug
}
}
// and here we setup the hole thin
jQuery(document).ready(function()
{
// check if all ready is visible !
CheckAdsVisibility();
// bind the scroll
addThisScroll(CheckAdsVisibility);
});
</script>
Ich habe es getestet und arbeite mit allen Browsern. Ich benutze nur jQuery, um sicherer zu sein, dass ich Browser nur schwer vermeiden kann.
ps, ich habe ähnlichen Code zum Laden von Google Plus und Facebook und all den Elementen erstellt, die die meiste Zeit ohne Grund geladen werden.
Es besteht keine weitere Notwendigkeit, dies zu tun. Die show_ads.js von Google AdSense sind jetzt etwas asynchron. Weitere Informationen zu den wichtigsten Details finden Sie im offiziellen Blog:
Ihr Web, eine halbe Sekunde früher
Der Anzeigencode muss nicht geändert werden.
document.write functiongesichert und später wiederhergestellt wird. Der einzige Nachteil ist, dass ich mich frage, ob Google Adsense TOS solche Dinge zulässt.