Ändern der Anzeigengröße basierend auf der Browserbreite in DFP

In DFP Small Business / DoubleClick habe ich das folgende Anzeigen-Tag für einen Anzeigenblock mit drei verschiedenen Größen zusammen mit einem Motiv für jede angegebene Größe generiert. Daher gibt es drei verschiedene Größen für den Anzeigenblock. Wenn Sie auf "Aktualisieren" klicken, wird die Anzeige in eine meiner drei angegebenen Anzeigengrößen geändert. Dies funktioniert gut, aber es ist nicht das, was ich von den Anzeigen will,

Ich möchte, dass die Anzeigen dies tun:

Ich möchte, dass die Anzeigengrößen basierend auf der Browserbreite geändert werden. Wenn beispielsweise die Browserbreite des Viewers größer als 800 Pixel ist, werden die Anzeigen mit der größten angegebenen Größe angezeigt. Wenn die Browserbreite zwischen 600 und 800 liegt, wird die zweitgrößte verwendet Festgelegte Größen für die Anzeigen. Wenn die Anzeigen kleiner als 600 Pixel sind, verwenden Sie die kleinste Anzeigengröße. Die Anzeigengröße sollte sich bei einer Änderung der Browserbreite entsprechend ändern. 800, 600-800 und weniger als 600 sind nicht die tatsächlichen Größen, sondern nur Beispielgrößen. Die drei Anzeigengrößen werden jedoch in dieser Zeile angegeben:

googletag.defineSlot('/16569348/Different-Sizes-Unit-Test', [[292, 195], [310, 207], [345, 230]], 'div-gpt-ad-1363309773051-0').addService(googletag.pubads());

Hier ist der vollständige Code:

<script type='text/javascript'>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function() {
var gads = document.createElement('script');
 gads.async = true;
gads.type = 'text/javascript';
var useSSL = 'https:' == document.location.protocol;
gads.src = (useSSL ? 'https:' : 'http:') + 
'//www.googletagservices.com/tag/js/gpt.js';
var node = document.getElementsByTagName('script')[0];
node.parentNode.insertBefore(gads, node);
})();
</script>

 <script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/16569348/Different-Sizes-Unit-Test', [[292, 195], [310, 207],     [345, 230]], 'div-gpt-ad-1363309773051-0').addService(googletag.pubads());
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>

<!-- Different-Sizes-Unit-Test -->
<div id='div-gpt-ad-1363309773051-0'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1363309773051-0'); });
</script>

`

Hier ist die jsfiddle für diesen Code (klicken Sie auf Ausführen oder Aktualisieren, um die Anzeigen nach dem Zufallsprinzip zu ändern):

http://jsfiddle.net/Zkm5j/

Daher möchte ich, dass die Anzeigengrößen entsprechend der Größe / Änderung der Browserbreite geändert werden. Wenn mir jemand helfen könnte, eine Methode zu finden, um dies zu erreichen, würde mir das wirklich viel bedeuten! :)

Antworten auf die Frage(3)

Ihre Antwort auf die Frage