Ορισμός του ύψους της διαφήμισης In-feed

Το AdSense προσαρμόζει αυτόματα το ύψος των διαφημίσεων In-feed, για να διασφαλίσει ότι ταιριάζουν καλά στον διαθέσιμο χώρο. Αυτός ο αυτόματος ορισμός μεγέθους σημαίνει ότι οι περισσότεροι εκδότες δεν θα χρειαστεί να κάνουν αλλαγές στο ύψος των διαφημίσεων In-feed. Ωστόσο, αν έχετε συγκεκριμένες απαιτήσεις για το ύψος της διαφήμισης In-feed, μπορείτε να τροποποιήσετε τον κώδικα διαφήμισης In-feed ώστε να ορίσετε το ύψος που θέλετε. Ανάλογα με το αν η ροή βρίσκεται σε αποκριτικό ή μη ιστότοπο, μπορείτε να ορίσετε σταθερό ύψος ή μεταβλητό ύψος.

Μπορείτε να είστε βέβαιοι ότι τα παραδείγματα που περιγράφονται σε αυτό το άρθρο αποτελούν αποδεκτές τροποποιήσεις του κώδικα διαφήμισης του AdSense. Η τροποποίηση του κώδικα διαφημίσεων In-feed με αυτούς τους εγκεκριμένους τρόπους δεν αποτελεί παράβαση των πολιτικών προγράμματος του AdSense.

Τρόπος ορισμού σταθερού ύψους (μη αποκριτικοί ιστότοποι)

Μπορείτε να ορίσετε ένα σταθερό ύψος για τη διαφήμιση In-feed, προσθέτοντας ένα χαρακτηριστικό ύψους στον κώδικα διαφήμισης, π.χ., height:120px. Χρησιμοποιήστε αυτήν την επιλογή, αν η ενότητα διαφημίσεων In-feed βρίσκεται σε σταθερό κοντέινερ, δηλαδή δεν είναι αποκριτική.

Αν δεν ξέρετε τι ύψος να ορίσετε, μπορείτε να χρησιμοποιήσετε τα εργαλεία προγραμματιστή του προγράμματος περιήγησης, για να καθορίσετε το ακριβές ύψος για τη διαφήμιση σας χωρίς κενό διάστημα. Για περισσότερες πληροφορίες, ανατρέξτε στο άρθρο Πώς να καθορίσετε το μέγεθος των εικόνων στη ροή σας.

Σε αυτό το παράδειγμα παρουσιάζεται μια διαφήμιση In-feed με σταθερό ύψος 120 εικονοστοιχείων:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-12345" 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="ca-pub-12345"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Τρόπος ορισμού μεταβλητού ύψους (αποκριτικοί ιστότοποι)

Αν το πλάτος της ενότητας διαφημίσεων In-feed εξαρτάται από το πλάτος της οθόνης, δηλαδή είναι αποκριτικό, θα χρειαστεί να χρησιμοποιήσετε ερωτήματα μέσων CSS στον κώδικα διαφήμισης, για να καθορίσετε διαφορετικό ύψος ανά πλάτος οθόνης.

Για να καθορίσετε ποια ύψη να ορίσετε, προτείνουμε την εξής διαδικασία:

1. Αλλάξτε το μέγεθος του ιστοτόπου σας σε μια σειρά από πλάτη οθόνης, π.χ. 350 εικονοστοιχεία, 500 εικονοστοιχεία, 1000 εικονοστοιχεία.
2. Για κάθε πλάτος, χρησιμοποιήστε τα εργαλεία προγραμματιστή του προγράμματος περιήγησης, ώστε να προσδιορίσετε το ακριβές ύψος για τη διαφήμιση χωρίς κενό διάστημα. Για περισσότερες πληροφορίες, ανατρέξτε στο άρθρο Πώς να καθορίσετε το μέγεθος των εικόνων στη ροή σας.

Σε αυτό το παράδειγμα παρουσιάζεται μια διαφήμιση In-feed με ύψος 180 εικονοστοιχείων για πλάτη οθόνης μέχρι 350 εικονοστοιχεία, ένα ύψος 130 εικονοστοιχείων για πλάτη οθόνης από 500 έως 800 εικονοστοιχεία και ένα ύψος 200 εικονοστοιχείων για πλάτη οθόνης άνω των 800 εικονοστοιχείων:

<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=ca-pub-12345" 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="ca-pub-12345"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Σημαντικό: Έχουμε επισημάνει τις τροποποιήσεις που πρέπει να κάνετε στον κώδικα διαφήμισης στο παραπάνω παράδειγμα. Βεβαιωθείτε ότι χρησιμοποιείτε το ίδιο όνομα κλάσης (π.χ. infeed) στον κώδικα διαφήμισης.

Αφού αλλάξετε τον κώδικα διαφήμισης, μην ξεχάσετε να δοκιμάσετε τη διαφήμιση In-feed σε διάφορα μεγέθη οθόνης, για να βεβαιωθείτε ότι το ύψος που έχετε επιλέξει λειτουργεί σε όλες τις συσκευές.

Γιατί μερικές φορές οι διαφημίσεις In-feed έχουν επιπλέον κενό διάστημα ή ένα κουμπί "Περισσότερα";

Οι ενότητες διαφημίσεων In-feed είναι αποκριτικές και υποστηρίζουν ένα ευρύ φάσμα θυρών προβολής. Προσαρμόζουν αυτόματα το μέγεθός τους ώστε να ταιριάζουν στη διάταξη της σελίδας σας, μέσω ανάπτυξής τους στο πλήρες πλάτος του κοντέινερ ροής στο οποίο περιέχονται. Το ύψος τους βασίζεται στο περιεχόμενο της ίδιας της διαφήμισης και στις ρυθμίσεις διαφήμισης In-feed που έχετε επιλέξει στο AdSense.

Περιστασιακά, όταν μια διαφήμιση In-feed βρίσκεται στη θύρα προβολής του χρήστη (στο επάνω μέρος), δεν μπορούμε να προσαρμόσουμε το ύψος της διαφήμισης χωρίς να χρειαστεί η ανανέωση ροής του περιεχομένου κάτω από τη διαφήμιση. Σε αυτές τις περιπτώσεις, ενδέχεται να αφήσουμε κάποιον κενό χώρο ή να εμφανίσουμε ένα κουμπί "Περισσότερα" για ανάπτυξη της διαφήμισης. Προβαίνουμε σε αυτήν την ενέργεια, ώστε να παρέχουμε την καλύτερη δυνατή εμπειρία χρήστη.