AdSense justerer automatisk høyden på feedintegrerte annonser for å påse at de passer inn på den tilgjengelige plassen. På grunn av den automatiske skaleringen trenger ikke de fleste publisister å redigere høyden på de feedintegrerte annonsene sine. Hvis du imidlertid har spesifikke krav til høyden på den feedintegrerte annonsen din, kan du redigere koden for den feedintegrerte annonsen for å velge ønsket høyde. Avhengig av om feeden din er på et ikke-responsivt eller responsivt nettsted, kan du enten angi en fast eller en variabel høyde.
Slik angir du en fast høyde (nettsteder uten responsiv design)
Du kan angi en fast høyde for den feedintegrerte annonsen din ved å legge inn et høydeattributt i annonsekoden, for eksempel height:120px
. Bruk dette alternativet hvis den feedintegrerte annonseenheten din er i en fast beholder, det vil si at den ikke er responsiv.
Hvis du ikke vet hvilken høyde du skal velge, kan du bruke utviklerverktøyene for nettleseren for å bestemme den nøyaktige høyden for annonsen din uten mellomrom. Du finner mer informasjon i artikkelen Slik finner du størrelsen på bilder i feeder.
I dette eksempelet ser du en feedintegrert annonse med fast høyde på 120 piksler:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block;height:120px"
data-ad-format="fluid"
data-ad-layout="image-top"
data-ad-layout-key="xxxxxxxx"
data-ad-client="i-gno/re-d1234567890123456"
data-ad-slot="123456"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Slik angir du en variabel høyde (responsive nettsteder)
Hvis bredden på den feedintegrerte annonseenheten din er avhengig av skjermbredden, det vil si at den er responsiv, må du bruke CSS-mediespørringer i annonsekoden for å angi en annen høyde for de ulike skjermbreddene.
Du kan gjøre følgende for å bestemme hvilke høyder som skal angis:
- Endre størrelsen på nettstedet ditt til en rekke skjermbredder, for eksempel 350, 500 eller 1000 piksler.
- For de ulike breddene kan du bruke utviklerverktøyene for nettleseren for å bestemme den nøyaktige høyden for annonsen din uten mellomrom.Du finner mer informasjon i artikkelen Slik finner du størrelsen på bilder i feeder.
I dette eksemplet ser du en feedintegrert annonse med en høyde på 180 piksler for skjermbredder på opptil 350 piksler, en høyde på 130 piksler for skjermbredder fra 500 til 800 piksler, og en høyde på 200 piksler for skjermbredder over 800 piksler:
<style>
@media (min-width: 350px) {
.infeed {
height: 180px;
}
@media (min-width: 500px) {
.infeed {
height: 130px;
}
}
@media (min-width: 800px) {
.infeed {
height: 200px;
}
}
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>
<ins class="adsbygoogle infeed"
style="display:block;"
data-ad-format="fluid"
data-ad-layout="image-top"
data-ad-layout-key="xxxxxxxx"
data-ad-client="i-gno/re-d1234567890123456"
data-ad-slot="123456"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
infeed
) i hele annonsekoden din.Hvorfor er det noen ganger ekstra mellomrom eller en Mer-knapp i de feedintegrerte annonsene mine?
Feedintegrerte annonser er responsive og har støtte for en rekke ulike visningsområder. De tilpasser seg automatisk størrelsen slik at de passer inn i utformingen på siden din, ved at de utvides til den fulle bredden på feedbeholderen de kommer i. Høyden på annonsene er basert på innholdet i selve annonsen og innstillingene for feedintegrerte annonser du har valgt i AdSense.
Noen ganger når en feedintegrert annonse er i brukerens visningsområde (på den synlige delen av nettsiden), kan vi ikke justere annonsens høyde uten at innholdet under annonsen endres. I slike tilfeller kan det hende at vi legger inn noen mellomrom eller en Mer-knapp for å utvide annonsen. Vi gjør dette for at brukeropplevelsen skal bli så god som mulig.