Gibt es eine Möglichkeit, die Größe von Google AdSense in einem responsiven Design zu ändern? [closed]

Ich verwende Google Adsense in meinem responsiven WordPress-Design (das verwendet Twitter Bootstrap.) Gerade jetzt, wenn die Größe der Website geändert wird, ragen die Anzeigen weit heraus und sehen einfach schlecht aus.

Kann ich irgendetwas tun, um dabei zu helfen? Ich habe tatsächlich eine Website gesehen, die so aussah, als würde jemand die Größe der Anzeigen auf kleineren Bildschirmen ändern … Ich bin mir nicht sicher, wie das möglich ist, da es sich um Java-Skript handelt, oder?

Jedes Feedback wäre sehr hilfreich. Vielen Dank!

Im Idealfall könnten CSS-Medienabfragen die Anzeigen automatisch verkleinern, und in einer perfekten Welt würden die Anzeigen ihr Layout basierend auf der neuen Größe automatisch ändern. Google Ads tun dies jedoch nicht unterstützen dies, sie tun es nicht einmal ermöglichen Dies – Sie sind nicht berechtigt, den Inhalt der Anzeige zu ändern oder Teile davon zu verbergen, es sei denn mit ausdrücklicher Genehmigung von Google, gemäß deren Nutzungsbedingungen (entfernter Text markiert mit [...]):

5. Verbotene Verwendungen. Sie dürfen Dritte nicht autorisieren oder dazu ermutigen: (i) […] (ii) die in einer Anzeige enthaltenen Informationen zu bearbeiten, zu modifizieren, zu filtern, zu kürzen oder die Reihenfolge zu ändernLink, Anzeigenblock, Suchergebnis oder Empfehlungsschaltfläche, oder Werbung zu entfernen, zu verdecken oder zu minimierenLink, Anzeigenblock, Suchergebnis oder Empfehlungsschaltfläche in irgendeiner Weise ohne Genehmigung von Google; […]

Eine alternative Lösung wäre, die Anzeigen bedingt über JavaScript bereitzustellen. Rufen Sie beispielsweise beim Laden der Seite die Größe des Darstellungsbereichs des Browsers ab und liefern Sie stattdessen eine kleinere Anzeige, wenn die Breite des Darstellungsbereichs des Browsers kleiner als die Breite der bevorzugten Anzeige ist. Es sollte ähnlich wie CSS-Medienabfragen funktionieren, außer unterlassen Sie neue Anzeigen schalten, wenn der Benutzer die Größe seines Browsers ändert, da dies falsche Impressionen erzeugen würde (mehrere Impressionen auf einer einzelnen Seite, ohne Aktualisierung), was ebenfalls gegen sie ist Nutzungsbedingungen:

5. Verbotene Verwendungen. Sie dürfen Dritte nicht autorisieren oder dazu ermutigen: (i) generieren direkt oder indirekt Anfragen, Empfehlungsereignisse oder Impressionen Anzeigen, Links, Suchergebnisse oder Empfehlungsschaltflächen (einschließlich, aber nicht beschränkt auf das Klicken auf „Wiedergabe“ für eine beliebige Videoanzeige) durch jede automatisiertebetrügerische, betrügerische oder andere ungültige Mittel, einschließlich, aber nicht beschränkt auf wiederholte manuelle Klicks, die Verwendung von Robotern oder anderen automatisierten Abfragetools und/oder computergenerierten Suchanfragen und/oder die unbefugte Nutzung anderer Suchmaschinenoptimierungsdienste und/oder oder Software; […]

Die vorhandenen Antworten sind veraltet. Google führte Responsive Ads im Juli 2013 ein:

Mit den neuen Responsive-Anzeigenblöcken können Sie eine Vielzahl von Geräten unterstützen, indem Sie mit Ihren Responsive-Design-Webseiten arbeiten. Sie können jetzt die Größe der zu liefernden Anzeige dynamisch festlegen und sie an die Art und Weise anpassen, wie Ihre Website eine Seite auf einem bestimmten Gerät darstellt.

Responsive Anzeigen funktionieren mit festen, fließenden und responsiven Layouts. Alles, was Sie tun müssen, ist, die “Smart Sizing”-Version des Codes an der Stelle zu platzieren, an der die Anzeigen erscheinen sollen. Die Anzeige wird horizontal gestreckt, um den gesamten verfügbaren Platz auszufüllen, und vertikal, um die optimalste Anzeige in Standardgröße anzuzeigen. Wenn das Layout Ihrer Website abhängig von der Geräteausrichtung geändert wird, wird die Größe der Anzeige automatisch bei der Änderung der Geräteausrichtung angepasst. Eine erweiterte Anpassung ist mithilfe von CSS- und HTML5-Datenattributen möglich.

Google unterstützt jetzt offiziell responsive Anzeigen (derzeit in BETA). Hier finden Sie eine gute Beschreibung der Funktionalität mit Links zu den offiziellen Google-Dokumenten.

http://exisweb.net/using-google-adsense-async-tags-for-responsive-design

Es funktioniert, aber ein Nachteil ist, dass die Größe der Anzeigen nicht automatisch angepasst wird, wenn Sie die Größe des Darstellungsbereichs ändern. Soweit ich weiß, verstößt es gegen die TOS, den Adserver anzurufen, wenn sich die Größe des Darstellungsbereichs ändert.

Es gibt ein Plugin namens Responsives AdSense. Es fügt ein Widget mit 5 Anzeigenfeldern hinzu und Sie geben es ein pub id und ad id in ihnen. Dann wird basierend auf der Größe des Bildschirms 1 der 5 Anzeigen gerendert. Ich habe es in einem mobilen Browser ausprobiert und es wurde eine Anzeige in Blockgröße anstelle der mobilen Anzeige gerendert.

Um meine Seite responsiv zu halten, habe ich es so gemacht:

<div class="table table-responsive">    
        <div class="text-center text-muted">
            <hr><br>
            <small>advertisement</small>
            <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
            <!-- bottom -->
            <ins class="adsbygoogle"
                 style="display:block"
                 data-ad-client=""
                 data-ad-slot=""
                 data-ad-format="auto"></ins>
            <script>
                
            </script>  
            <br>
        </div>       
</div>

Ich stimme dem zu, was Equilibrium3 gepostet hat. Wählen Sie die Anzeigengröße = Responsive Anzeigeneinheit (Beta) aus. Sobald Sie den Anzeigencode erhalten haben, können Sie ihn in a platzieren <div class="span12"> das ist auch in a <div class="row">. Dies funktionierte für mich, um eine horizontale Anzeige zu platzieren und sie auch zentriert zu haben.

Dies ist die Seite, auf der ich diese horizontale Anzeige habe -> http://www.espaciodigital.mx/

Wenn Sie nun den Anzeigencode in einer Seitenleiste platzieren möchten, gehen Sie genauso vor wie oben, aber teilen Sie die Seite beispielsweise mit <div class="span3"> für die Seitenleiste u <div class="span9"> für den Rest der Seite.

Ich habe das auf der folgenden Seite gemacht, wo die quadratischen Anzeigen links sind -> http://www.espaciodigital.mx/quienes_somos.html

Beide Anzeigen funktionieren einwandfrei, wenn sie auf einem Mobilgerät angezeigt werden. Versuche es. Ich hoffe, das hilft!