Adsense Flexibilität für heilige Graupen-Layout?

Question

Das ist meine Situation, ich habe eine css 3 Spalte Flüssigkeit Layout (endlich gemeistert den Heiligen Gral, danke an alle!) Und in meiner linken Spalte habe ich eine Google Adsense-Anzeige. Für diejenigen von Ihnen, die damit vertraut sind, sind sie in den Anzeigengrößen nicht sehr flexibel, aber ich bin neugierig, ob es eine Möglichkeit gibt, die Anzeige basierend auf der Breite der Spalte zu ändern. Momentan liegt diese Spalte bei 20%, also denke ich, dass vielleicht eine gute altmodische "If - Else" -Anweisung den Zweck erfüllen könnte, aber ich habe es noch nicht zum Laufen gebracht. Die Logik ist, dass wir zwei Anzeigen haben, eine 180 px breite (a) und eine 280 px breite (b). Wenn also die Spalte größer als 280 px ist, wird Anzeige b angezeigt, wenn nicht, wird sie angezeigt Werbung a. Hat jemand anderes das getan? Vielen Dank!

Answer 1

Es gibt ein paar Überlegungen hier. Zuerst hast du diese Frage mit css getaggt. Wenn Sie einfach css verwenden möchten, um die Anzeige auszublenden, die Ihrer Logik zufolge nicht angezeigt werden soll, ist es trivial, dies zu tun, aber das ist eine schreckliche Idee. Zum einen verstecken Sie eine geladene Anzeige, die Google ausdrücklich verbietet. Als Nächstes können Sie eine Anzeige, die zuerst geladen wurde, ausblenden und haben daher die meisten "wertvollen" Klicks auf Ihrer Seite. Sie möchten nicht Ihre weniger wertvollen Anzeigen zeigen.

Was Sie tun müssen, ist Javascript bei Seite laden zu bestimmen, was die Breite des Darstellungsbereichs ist, und wählen Sie dann, welcher Anzeigencode in der Anzeigenfläche, die Sie sprechen, geladen werden soll. Testen Sie dies in so vielen Browsern wie möglich, da Sie sicherstellen müssen, dass Sie die richtige Ansichtsfensterbreite erhalten, damit diese Strategie funktioniert. Wenn es aus irgendeinem Grund nicht funktioniert, stellen Sie sicher, dass das Fallback das Layout nicht katastrophal zusammenbricht. Der Nachteil dieser Methode besteht darin, dass die Anzeige die Grenzen des Darstellungsbereichs überschreitet, wenn der Benutzer nach dem Laden der Seite die Ansichtsfenstergröße ändert. Sie können zumindest CSS verwenden, um dieses Randszenario zu minimieren, indem Sie das übergeordnete div-Element der Anzeige ausblenden oder zuschneiden (overflow: hidden;), sodass eine Änderung der Größe des Darstellungsbereichs das Layout nicht beeinträchtigt.