Αν έχετε συγκεκριμένες απαιτήσεις από τα αποκριτικά στοιχεία διαφημίσεων multiplex, μπορείτε να προσαρμόσετε την εμφάνισή τους, προσθέτοντας παραμέτρους στον κώδικα διαφήμισης. Μέσω αυτών των παραμέτρων, μπορείτε να αλλάξετε κάποια στοιχεία, όπως τη διάταξη των αποκριτικών στοιχείων διαφημίσεων multiplex, και να καθορίσετε τον τρόπο με τον οποίο θέλετε να διατάσσονται οι σειρές και οι στήλες των διαφημίσεων που περιέχουν.
Μπορείτε, επίσης, να χρησιμοποιήσετε τις παραμέτρους για να ορίσετε διαφορετικές ρυθμίσεις για κινητά και για υπολογιστές. Για παράδειγμα, αν δώσετε στην παράμετρο διάταξης μία μόνο τιμή, τότε το αποκριτικό στοιχείο διαφημίσεων multiplex θα έχει την ίδια διάταξη σε κινητά και σε υπολογιστές. Αντίθετα, αν δώσετε στην παράμετρο διάταξης δύο τιμές, τότε το αποκριτικό στοιχείο διαφημίσεων multiplex θα έχει μια διάταξη σε κινητά (με την πρώτη τιμή) και μια διαφορετική διάταξη σε υπολογιστές (με τη δεύτερη τιμή).
Έχετε υπόψη ότι αυτές οι επιλογές διατίθενται μόνο για αποκριτικά στοιχεία διαφημίσεων multiplex και ότι, προκειμένου να λειτουργήσουν οι προσαρμογές, απαιτείται να οριστούν όλες οι παράμετροι. Αφού τροποποιήσετε τον κώδικα διαφήμισης, φροντίστε να δοκιμάσετε τα στοιχεία διαφημίσεων multiplex σε διαφορετικές συσκευές και οθόνες, για να βεβαιωθείτε ότι λειτουργούν σωστά.
Αλλαγή της διάταξης του στοιχείου διαφημίσεων multiplex
Μέσω της παραμέτρου διάταξης (data-matched-content-ui-type
) μπορείτε να ελέγξετε τη διάταξη του κειμένου και των εικόνων στα στοιχεία διαφημίσεων multiplex. Για παράδειγμα, μπορείτε να ορίσετε ότι η εικόνα θα εμφανίζεται δίπλα στο κείμενο ή ότι θα εμφανίζεται επάνω από το κείμενο κ.λπ.
Διατίθενται οι ακόλουθες επιλογές διάταξης:
Σε αυτήν τη διάταξη, η εικόνα και το κείμενο εμφανίζονται το ένα δίπλα στο άλλο. Για να επιλέξετε αυτήν τη διάταξη, προσθέστε την παράμετρο data-matched-content-ui-type="image_sidebyside"
στον κώδικα διαφήμισης.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_sidebyside"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Σε αυτήν τη διάταξη, η εικόνα και το κείμενο εμφανίζονται το ένα δίπλα στο άλλο μέσα σε μια κάρτα. Για να επιλέξετε αυτήν τη διάταξη, προσθέστε την παράμετρο data-matched-content-ui-type="image_card_sidebyside"
στον κώδικα διαφήμισης.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_card_sidebyside"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Σε αυτήν τη διάταξη, η εικόνα και το κείμενο διατάσσονται το ένα επάνω από το άλλο. Για να επιλέξετε αυτήν τη διάταξη, προσθέστε την παράμετρο data-matched-content-ui-type="image_stacked"
στον κώδικα διαφήμισης.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_stacked"
data-matched-content-rows-num="3"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Σε αυτήν τη διάταξη, η εικόνα και το κείμενο διατάσσονται το ένα επάνω από το άλλο μέσα σε μια κάρτα. Για να επιλέξετε αυτήν τη διάταξη, προσθέστε την παράμετρο data-matched-content-ui-type="image_card_stacked"
στον κώδικα διαφήμισης.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_card_stacked"
data-matched-content-rows-num="3"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Διάταξη μόνο με κείμενο, χωρίς εικόνα. Για να επιλέξετε αυτήν τη διάταξη, προσθέστε την παράμετρο data-matched-content-ui-type="text"
στον κώδικα διαφήμισης.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="text"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Διάταξη μόνο με κείμενο, που εμφανίζεται μέσα σε μια κάρτα. Για να επιλέξετε αυτήν τη διάταξη, προσθέστε την παράμετρο data-matched-content-ui-type="text_card"
στον κώδικα διαφήμισης.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="text_card"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Καθορισμός του αριθμού σειρών και στηλών στο στοιχείο διαφημίσεων multiplex
Οι διαφημίσεις εντός ενός στοιχείου διαφημίσεων multiplex διατάσσονται σε ένα πλέγμα. Μπορείτε να καθορίσετε πόσες σειρές και στήλες θέλετε να εμφανίζονται εντός αυτού του πλέγματος. Για παράδειγμα, μπορείτε να ορίσετε το στοιχείο διαφημίσεων multiplex ως τετράγωνο 2x2, στήλη 4x1 κ.λπ.
Ο αριθμός σειρών ορίζεται με την παράμετρο data-matched-content-rows-num
και ο αριθμός των στηλών με την παράμετρο data-matched-content-columns-num
. Πρέπει να ορίσετε τις δύο παραμέτρους μαζί με την παράμετρο data-matched-content-ui-type
.
- Ισχύουν ορισμένοι περιορισμοί όσον αφορά τον αριθμό των σειρών και των στηλών που μπορείτε να ορίσετε. Ο συνολικός αριθμός διαφημίσεων στο στοιχείο διαφημίσεων multiplex πρέπει να είναι μεταξύ 1 και 30. Αν προσπαθήσετε να εμφανίσετε λιγότερες από 1 ή περισσότερες από 30 διαφημίσεις, το στοιχείο διαφημίσεων multiplex θα εμφανίζεται κενό.
- Ορισμένες φορές, ενδέχεται να μην μπορεί να εμφανιστεί ο ακριβής αριθμός των σειρών ή/και στηλών που έχετε καθορίσει. Για παράδειγμα, αυτό μπορεί να συμβεί αν έχετε ορίσει μεγάλο αριθμό στηλών, αλλά το πλάτος του στοιχείου διαφημίσεων multiplex δεν επαρκεί για να χωρέσουν όλες οι στήλες. Σε αυτήν την περίπτωση, ο αριθμός των σειρών ή/και των στηλών θα προσαρμοστεί, ώστε οι διαφημίσεις να χωρούν στον διαθέσιμο χώρο και να παρέχουν μια καλή εμπειρία χρήστη.
Παραδείγματα σειρών και στηλών
Αυτό το παράδειγμα κώδικα δείχνει πώς μπορείτε να δημιουργήσετε ένα στοιχείο διαφημίσεων multiplex με τέσσερις σειρές και μόνο μία στήλη, όπου θα εμφανίζονται συνολικά τέσσερις διαφημίσεις.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Αυτό το παράδειγμα κώδικα δείχνει πώς μπορείτε να δημιουργήσετε ένα στοιχείο διαφημίσεων multiplex με δύο σειρές και δύο στήλες, όπου θα εμφανίζονται συνολικά τέσσερις διαφημίσεις.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="2"
data-matched-content-columns-num="2"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Αυτό το παράδειγμα κώδικα δείχνει πώς μπορείτε να δημιουργήσετε ένα στοιχείο διαφημίσεων multiplex με τρεις σειρές και τρεις στήλες, όπου θα εμφανίζονται συνολικά εννέα διαφημίσεις.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="3"
data-matched-content-columns-num="3"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Αυτό το παράδειγμα κώδικα δείχνει πώς μπορείτε να δημιουργήσετε ένα στοιχείο διαφημίσεων multiplex που θα εμφανίζεται ως πλέγμα 4x1 σε κινητά και ως πλέγμα 2x2 σε υπολογιστές. Συνιστάται η χρήση αυτής της ρύθμισης, αν διαθέτετε αποκριτικό ιστότοπο.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="4,2"
data-matched-content-columns-num="1,2"
data-matched-content-ui-type="image_stacked,image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Αντιμετώπιση προβλημάτων
Αφού προσαρμόσετε το στοιχείο διαφημίσεων multiplex, είναι πιθανό να μην εμφανίζεται ακριβώς όπως θα έπρεπε. Ακολουθούν ορισμένα συνήθη ζητήματα με τα στοιχεία διαφημίσεων multiplex και ο τρόπος επίλυσής τους:
Υπάρχουν δύο λόγοι για τους οποίους ενδέχεται να συμβαίνει αυτό:
- Ο συνολικός αριθμός διαφημίσεων στο στοιχείο διαφημίσεων multiplex είναι μικρότερος από 1 ή μεγαλύτερος από 30. Πρέπει να αλλάξετε τον αριθμό των σειρών ή/και των στηλών στο στοιχείο διαφημίσεων multiplex, ώστε ο συνολικός αριθμός διαφημίσεων να βρίσκεται εντός του ορίου.
- Το στοιχείο διαφημίσεων multiplex έχει πολύ μεγάλο πλάτος για τον αριθμό διαφημίσεων που έχετε ορίσει. Σε αυτήν την περίπτωση, θα πρέπει να δοκιμάσετε να μειώσετε το πλάτος του στοιχείου διαφημίσεων multiplex.
Χρήση της κονσόλας για την εύρεση σφαλμάτων στα στοιχεία διαφημίσεων multiplex
Μπορείτε να χρησιμοποιήσετε την κονσόλα στο πρόγραμμα περιήγησής σας, για να ελέγξετε ότι έχετε τροποποιήσει σωστά τον κώδικα διαφήμισης multiplex. Για παράδειγμα, χρησιμοποιώντας την κονσόλα, μπορείτε να μάθετε αν λείπει κάποια βασική παράμετρος από τον κώδικα διαφήμισης ή αν κάποια παράμετρος περιέχει μη έγκυρη τιμή.
Αν χρησιμοποιείτε το Chrome, μπορείτε να ακολουθήσετε τα παρακάτω βήματα, για να ελέγξετε τον κώδικα διαφήμισης στο πλαίσιο Κονσόλα των Εργαλείων για προγραμματιστές:
- Επισκεφτείτε τη σελίδα με τα στοιχεία διαφημίσεων multiplex.
- Πατήστε Ctrl+Shift+J (Windows/Linux) ή Cmd+Opt+J (Mac).
- Ελέγξτε αν εμφανίζονται μηνύματα σφάλματος στον πίνακα της κονσόλας.