Wie kann ich erkennen, serviert ad Abmessungen

Ich bin derzeit mit google publisher-tags mit DFP zu dienen up-anzeigen, um eine Website, wird sehr bald reagieren. Wir haben ein ad-slot, die möglicherweise dienen die 2 möglichen breiten, 728 oder 960 und je nachdem, welche Breite wird bedient bin, will ich entweder Rendern der Anzeige oberhalb oder unterhalb des nav.

Also die offensichtliche erste Frage ist, ob oder nicht, dies ist auch nur im entferntesten zurechnungsfähig und außerdem ist es möglich? Ich vermute, ich sollte wohl definieren zwei verschiedene Anzeigenflächen.

Ist die primäre Frage, aber das ist wohl eher eine Akademische ist, wie kann ich erkennen, die Abmessungen einer Anzeige, die gedient hat? Ich vermute, die Lösung ist Agnostiker auf die ad-Plattform, da bin ich im Grunde erkannt, Knoten einfügen und dann prüfen der Abmessungen der container-element.

Ich habe experimentiert mit der DOMNodeInserted javascript-event-allerdings scheint es der Auslöser für alles ist", ABER" der ads. Ich bin verwirrt von diesem, es sei denn, gpt fügt die anzeigen in einer Weise, die nicht dieser event ausgelöst.

  • Gute Frage!
InformationsquelleAutor sphoid | 2012-09-11
  1. 4

    Habe ich etwas getan, wie dies vor... und die Methode ließ ich mich auf übersteuerte einer internen DFP-Funktion (renderEnded), so dass ich sehen konnte was die Werbung war an dem Punkt hatte es auf dem Bildschirm gerendert...

    Beispielsweise die Dimensionen der Anzeige, die Sie tun könnte etwas wie das folgende (ich habe nur getestet in chrome, aber es sollte nicht allzu weit davon entfernt, vollständig cross-browser):

    <html>
<head>
    <title>DFP test</title>

    <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() {
            var slot1 = googletag.defineSlot('/12345678/TEST', [266, 115], 'div-gpt-ad-1340819095858-0').addService(googletag.pubads());

            slot1.oldRenderEnded = slot1.renderEnded;
            slot1.renderEnded = function(){
                window.console.log('width: '+document.getElementById('div-gpt-ad-1340819095858-0').getElementsByTagName('iframe')[0].contentWindow.document.width);
                window.console.log('height: '+document.getElementById('div-gpt-ad-1340819095858-0').getElementsByTagName('iframe')[0].contentWindow.document.height);
                slot1.oldRenderEnded();
            };

            googletag.pubads().enableSingleRequest();
            googletag.enableServices();
        });
    </script>

</head>
<body>

    <div id='div-gpt-ad-1340819095858-0' style='width:266px; height:115px;'>
        <script type='text/javascript'>
            googletag.cmd.push(function() {
                googletag.display('div-gpt-ad-1340819095858-0');
            });
        </script>
    </div>

</body>
</html>

    Dass vielleicht nicht ganz das, was Sie nach sind, sondern überschreiben diese Funktion soll für Sie erhalten, wo Sie brauchen, um... lassen Sie mich wissen, wenn Sie irgendwelche Fragen haben.

    • Dies ist eigentlich die nächste Lösung für das, was ich Suche. Der nächste Schritt ist es, konsequent zu erkennen, die vorgesehene Breite der creative gerendert innerhalb der Anzeigenfläche. Für uns der kreative kann variieren zwischen iframes, Bilder und flash-Objekte. Ich habe festgestellt, dass Sie fast immer eine Breite param, dass ich Lesen kann. Erfassung der erbrachten Breite scheint problematisch, wenn der div-container ist zu klein, da der kreative bekommt nur zerschlagen horizontal.
    • Cooper - Wo und wie haben Sie entdecken Sie den internen DFP-Funktion renderEnded? Wenn es andere Funktionen, die ich überschreiben kann, das wäre toll.
    • Ich fand es einfach durch einen Blick in den googletag name space mit chrome inspector. Wenn Sie Feuer bis der Inspektor und geben googletag in der Konsole sehen Sie die googletag Objekt... gibt es ein paar Funktionen gibt, und wenn Sie einen Blick in die slot_manager_instance und drill-down in die einzelnen ad-Einheiten, die Sie finden eine ganze Reihe von anderen Funktionen... Ein repo, das ich fand, zu einem späteren Zeitpunkt die Haken der internen dfp-logger und macht es möglich, hook in andere dfp-Funktionen, finden Sie vielleicht interessant: github.com/mcountis/dfp-events
    • Antwort unten ist jetzt mehr richtig, aber das war die richtige Antwort auf die Zeit - es ist auch dokumentiert und unterstützt, sodass hoffentlich nicht mehr zurückgenommen werden, in der Zukunft (in der Erwägung, dass renderEnded werden könnte)
    • Ja @MarkD sind Sie richtig... meine Antwort ist jetzt überholt mit den neuen änderungen zu GPT - froh, dass Sie endlich einen soliden Weg, dies zu tun!
    InformationsquelleAutor Matt Cooper
  2. 12

    Gab es ein update auf die GPT, die es ermöglicht, in eine elegantere Art und Weise.
    Die Veranstaltung wird Ihnen sagen, wenn eine kreative zurückgegeben wurde und wenn ja, den Abmessungen sowie zusätzliche Informationen.

    googletag.pubads().addEventListener('slotRenderEnded', function(event) {
 console.log('Creative with id: ' + event.creativeId +
  ' is rendered to slot of size: ' + event.size[0] + 'x' + event.size[1]);
});

    Gibt es auch event.isEmpty, die Ihnen sagen, wenn eine tatsächliche kreative zurückgegeben wurde oder nicht.

    InformationsquelleAutor Ken
  3. 0

    Ich hatte ein ähnliches problem auf WiiMusic.net mit Google AdSense. Was ich am Ende dabei war die Erkennung der Größe des div, das die Anzeige mit JavaScript geladen und dann die ad. In dieser situation war es nicht möglich, ändern Sie die Auflösung oder die Größe von meiner Seite einmal geladen werden, damit dies funktioniert.

    In Ihrer situation, deine Seite kann sich sicherlich ändern der Größe und was nicht. Ich denke, dass Sie zum erneuten laden der anzeigen an diesem Punkt, wenn Sie möchten, verschiedene anzeigen-Versionen sichtbar sein, abhängig von Ihrem responsive design. Wenn Sie den asynchronen Anzeigencode sollte dies möglich sein.

    Um es zusammenzufassen, ja, das ist gesund und möglich mit JavaScript. Ihre anzeigen benötigen JavaScript trotzdem zur Arbeit, so dies sollte nicht zu viel von einer Schranke.

    • In meiner situation, die ich eigentlich tun müssen, um die Umkehrung, die. Ich werde die Anpassung der Größe/position des enthaltenden div-je nach Größe der ausgelieferten ad nicht die andere Weise herum. Um dies zu tun, muss ich einen Weg finden, definieren Sie eine Rückruffunktion, wenn die Anzeige wird eingefügt. Als ich erklärt habe, ich habe versucht, die DOMNodeInserted Veranstaltung und auch ich experimentiere mit DOMSubtreeModified zu erkennen, wenn der ad-Inhalt eingefügt wird.
    • Verzeihen Sie meine Unwissenheit, aber ich dachte, dass die DFP-ad-slots könnte enthalten nur eine Größe? Wie funktioniert DFP bestimmen, welche Größe der Anzeige, um Ihnen zu dienen? Sie sind Größe der Seite unterschiedlich, je nachdem, welche Größe der Anzeige, die Sie wieder zurück bekommen? Ich denke, die DOMNodeInserted Problem wird durch das iframe in dem die Anzeige wird serviert.
    • Sie können definieren mehrere Anzeigengrößen, die durch Kommas getrennt, die für einen Steckplatz in googletag.defineslot(). Ich mache das hauptsächlich für die Rangliste ad-slot dienen kann, bis die volle Seitenbreite Banner sowie schmalere Banner zentriert. Einige meiner anzeigen legen Sie keine iframes, sondern Sie erzeugen ein div dynamisch und einfügen von script-tags und manchmal auch object-tags, wenn das creative in flash basiert. Ich sollte in der Lage sein zu erkennen, wenn solche Elemente eingefügt werden mindestens.
    InformationsquelleAutor Brad
  4. 0

    Also wie üblich war ich Weg, über das denken dieser. Der Grund war ich nicht der Aufdeckung eines DOM-änderung ist, weil die Anzeige bereits eingefügt von der Zeit war ich Zuordnung von event-Handlern. Beim laden anzeigen synchron, ich kann sofort Messen Sie die Abmessungen für die div-container und Holen Sie sich die ad Dimensionen. Beim laden asynchron, ich bin in der Lage, Umfrage für innere html-änderungen durch speichern des original-html-und polling-Verfahren für die änderungen und somit die Messung der div-container, wenn die änderung Auftritt. Dank Brad für Ihre Zeit.

    • Ich Sprach zu früh. Diese Lösung funktioniert nur in Situationen, wo der div-container kann und wird der Größe, wenn die kreativen rechtfertigt. Ich habe ein Szenario, in dem der div-container nicht die Größe, so dass der kreative bekommt zerschlagen horizontal, das ist das problem versuche ich zu vermeiden. Ich glaube, ich muss ein legitimer Weg, um erkennen Sie die Dimensionen der kreativen.
    InformationsquelleAutor sphoid
Schreibe einen Kommentar