[[tipps-zu-adsense:adsense-reihenfolge-mit-div-container-festlegen]]

AdSense Reihenfolge festlegen


Wie Euch sicher bekannt ist bedient Google die ADS auf Eurer Seite der Reihe nach. Das heist der ADS-Code der in eurem Quelltext an erster stelle steht, bekommt die hochwertigeren Keywords (die am meisten Geld bringen) angezeigt.

Oft kann man die Reigenfolge leider wegen eines aufwändigen Seitenaufbaus nicht beeinflussen. Hier stellt jedoch die DIV-Elemente (oder auch Container) eine möglich Lösung dar. (Zumindestens für mich)

Hierzu geht Ihr folgendermassen vor:

DIV Platzhalter (Placeholder)

Einen Platzhalter dort erstellen wo die AdSense später angezeigt werden soll.

  <div id='platzhalter'></div>

AdSense in DIV-Elementen

Nun fügt Ihr in der Reihenfolge die IHR wollte euren AdSense code z.B. am Ende der Seite (kurz vor dem </HTML> Tag ein). Wichtig ist das Ihr ein DIV Element drum herum baut und es mit „style=display:none“ nicht anzeigen lasst.

  <div id='ads_code_1' style='display:none;'>
    HIER EUER ADSENSE CODE
  </div>

DIV-Elemente tauschen

Um nun mittels Javascript die beiden DIV Elemente zu vertauschen, fügt Ihr UNTER euren Adsense Code folgendes Script ein:

  <script language="JavaScript">
   div1 = document.getElementById('platzhalter');
   div2 = document.getElementById('ads_code_1');
   div1.innerHTML = div2.innerHTML;
   div2.innerHTML = "";
  </script>

Hierdurch wird der Inhalt von dem Platzhalter DIV Element mit dem Inhalt vom AdSense Code überschrieben.

Und so soll es aussehen

Nun sollte Eure Seite in etwa so aussehen:

 <html>
 <head>
 
   ... Hier steht euer HTML Header ...
 
 </head>
 <body>
 
   ... Hier euer Seiteninhalt ... <div id='platzhalter'></div> ... noch mehr Seiteninhalt ...
 
   <div id='ads_code_1' style='display:none;'>
     HIER EUER ADSENSE CODE
   </div>
 
   <script language="JavaScript">
    div1 = document.getElementById('platzhalter');
    div2 = document.getElementById('ads_code_1');
    div1.innerHTML = div2.innerHTML;
    div2.innerHTML = "";
   </script>
 
 </body>
 </html>

Viel Spass damit..

tipps-zu-adsense/adsense-reihenfolge-mit-div-container-festlegen.txt · Zuletzt geändert: 12.09.2009 12:46 (Externe Bearbeitung)
 

Guestbook