AdSense CSS toppositionen - tjäna mer pengar från första Annonser

Den första AdSense annons som visas på din webbplats är viktigt. Why? Varför? Eftersom den har högst avkastning potential. Den högsta bud med annonser visas inuti oavsett annons blir först. Om du använder flera AdSense-banners på en sida så är det en gemensam angelägenhet. Speciellt när du har annonser som visar upp första i en leftside bar eller början annons plats (före din kropp annonser där de flesta människor ser CTR är den högsta).

A Worse Ad Setup Scenario: En sämre Ad Setup Scenario:
Ett annat scenario som gör det värre är om du använder en leftisde annons början annons och sedan få ett organ / innehåll annons. Dess välkänt att de flesta webbplatser producera sina högsta klickar sig skattesatser på annonser i kroppen av sitt innehåll. Med detta antagande, vi vill få den största smällen för våra pengar!

The Old Work-A-Round Method: The Old Work-A-Round Metod:
Om du kommer ihåg min post vägen tillbaka då om flera AdSense-banners som kan kosta pengar, det följer i samma fråga. Medan du lägger början betalande annonser i högsta klickade områden, du är också offra förmågan att placera alla annonser före det.

Not anymore! Inte längre! Nu har du en möjlighet även om du inte använder en Essäer nya CSS mönster och stilar. Självklart måste du använda CSS för att göra detta trick men nu kanske du har en annan anledning till att börja lära sig det för din framtida redesign, right?

CSS-trick för Fler inkomster från första plats Positioning:
För att komma igång, är det första du behöver göra är att placera en div tag strax under ditt Body taggen för att säkerställa att den första annonsen att din webbläsare kommer i kontakt med. Dessutom placerar din unika AdSense-kod inuti div (se nedan). Detta betyder inte det nödvändigtvis kommer att visas först, men det är erkänt som sådant eftersom det kommer upp i källkoden först. CSS is great like that. CSS är bra som det.

<div id=”ad1″> <div id="ad1">
INSERT YOUR ADSENSE CODE HERE Sätt in AdSense-koden HÄR
</div> </ div>

Det nästa är svårt att hjälpa alla på en gång med eftersom varje anläggning är unik. Lägg till denna CSS-kod i din stilmall och gör några Trial and error med vänster, höger, topp och botten attribut till position annonsen ordentligt. Ändra höjd / bredd som behövs beroende på den annons som du försöker att placera i.

#ad1 { # ad1 (
width: 468px; width: 468px;
height: 60px; height: 60px;
position: absolute; ståndpunkt: absolut;
left: 140px; left: 140px;
right: 0px; right: 0px;
bottom: 0px; bottom: 0px;
top: 350px; top: 350px;
} )

Om du inte använder en formatmall wrap ovanstående kod inuti följande tagg och placera den allt inom HTML-dokumentets huvud:

<style type=”text/css”> <style type="text/css">
INSERT CSS CODE ABOVE HERE INSERT CSS-koden ovan HÄR
</style> </ style>

Du kommer att få det hårdaste tid att få detta att fungera i flytande layouter med pixlar. I så fall kanske du vill byta till em: s eller procenttal som motsvarar längden av förändring krävs varje gång webbläsarfönstret är justerat. Du kanske också vill använda relativ istället för absolut positionering beroende på din befintliga konfiguration. Se beskrivning av dessa nedan och välj som gäller bäst för dig.

Relative VS Absolute Alignment: Relativ VS Absolut Alignment:
Anhörig - Detta flyttar ett element i förhållande till sitt ursprungliga läge, så "left: 20px" lägger till 20 bildpunkter till element vänstra position oavsett vad som börjar container sin i.
Absolut - Visar koordinater i förhållande till dess innehållande block. Om du hade en div blockera inuti en annan div block som redan var centrerad och 800px bredd anges. Sedan lägger left: 20px skulle starta en 20 pixel bump i början av det fält som är 800px bred och centrerad jämfört med början den längst till vänster marginal på webbläsarfönstret.

Platshållare din Absolut ståndpunkterna med en separat Div:
Om du använder absolut positionering måste du skapa den blanktecken område för annonsen manuellt. Så att du kan skjuta dina div högst upp på din sida, men du kan inte sväva (gör texten till sjal) och position: absolut samtidigt. Skapa ett utrymme i din mall genom att göra något sådant när du är positionering du annonsen. Dessutom vara säker på att innehållet inte kommer att förändras och därför driva att div ner i alla fall. Annars din manuella anpassningen av de absolut positionering kommer att vara missvisande:

<div style="width:468; height:60"> </ div>

Notes: Anmärkning:

Flytta DIV kod i en befintlig container eller wrapper div kanske bästa utgår ingen annan annonskod kommer att visa upp innan det.
Tänk på den plats som plats att annonsen håller till. Du kan behöva göra vissa justeringar befintlig kod där dess att införas

Du kanske också vill kombinera strategin nämns här med sätt att optimera Google AdSense - Blandningsprodukter innehållsbaserade annonser.

Any Value To Learning CSS? Något värde för lärande CSS?
Denna strategi är mer mellanliggande och du kan behöva hjälp om du inte är bekant med CSS. Prova att spendera lite tid att leka med den, skicka meddelanden till former, eller kommentera här om du spendera timmar med att försöka få det att fungera. Det bästa skulle vara att plocka upp en CSS bok eller Google för några grundläggande CSS tutorials. CSS är enkelt nog att det kan dras en eftermiddag. Men det har också quirks åt det du behöver för att lära genom lek med det själv. Om du någonsin tänker göra webbdesign arbete, dess mer så viktigt i dessa dagar som webbläsare är endast växande användningen av det som en standard.