Zeigen Sie ein div, wenn nur die google-Anzeige vorhanden ist

Mithilfe von javascript, die ich brauche, um anzuzeigen, ein DIV, aber nur, wenn es mit einer Google-Anzeige. Hier ist der code mit dem ich arbeite, über Google:

<div id='div-gpt-ad-1346196436229-0'>
    <script type='text/javascript'>
        googletag.cmd.push(function() { googletag.display('div-gpt-ad-1346196436229-0'); });
    </script>
</div>

Die DIV ID im obigen code wurde generiert von Google für ad slot.

Irgendwelche Gedanken oder Richtungen, die ich erhalten kann? Zugegeben, ich bin ziemlich schwach in der javascripting Welt so bitte sanft sein. 🙂

  • Was ist den gesamten Kontext des Problems? Was sind die anderen möglichen Szenarien in Ihrer situation? also was kann die div potentiell enthalten?
  • Das div muss NUR angezeigt werden, wenn eine google-Anzeige erkannt wird. Die nur andere Dinge in der div wird styling. Ziemlich einfach scheint es mir als bin ich javascript 'herausgefordert'.
  • Zwei Jahre nach dieser " beantwortet wurde, ist es gekennzeichnet wird als zu breit? Ich dachte, es betraf-ich brauchte, um zu wissen, wie man die Anzeige ein div-Element, wenn eine Google-Anzeige war vorhanden. Wie viel mehr spezifisch muss ich sein?
  • Einverstanden, ich sehe nicht, wie das sein konnte, die Beine breit.
InformationsquelleAutor 86Stang | 2012-08-29
  1. 13

    Fügen Sie einfach diesen tag in den header-code wie so.

    <script type='text/javascript'>
googletag.defineSlot('AdSlot-name', [AdSize], 
'div-gpt-ad-1346196436229-0').addService(googletag.pubads());
googletag.pubads().collapseEmptyDivs();
</script>

    Den tag ist:

    googletag.pubads().collapseEmptyDivs();
    InformationsquelleAutor Brandon H
  2. 2

    Gibt es zwei Wege zu gehen über diesen... Sie könnte sich ändern, die Art und Weise des Denkens über diese und blendet die div-falls es nicht eine Anzeige mit der collapseEmptyDivs Einstellung in die DFP-API.

    Wenn Sie unbedingt beginnen, mit einem versteckten div-und auch nur dann zeigen, wenn es enthält eine Anzeige, es ist ein wenig komplizierter... wenn Sie mit jQuery auf Ihrer Seite überprüfen Sie heraus die plugin ich schrieb.

    Die anderen Antworten sind fast richtig aber nicht ganz so einfach, wie die überprüfung für einen iframe... in meiner Erfahrung ein iframe vorhanden sein wird, unabhängig davon, ob eine Anzeige tatsächlich dort angezeigt werden soll oder nicht. Die Prüfung für ein iframe-Element beim laden der Seite ist auch nicht zu arbeiten, weil oft die anzeigen werden gerendert, nachdem die Seite laden.

    Müssen Sie den Haken in der DFP-Skript und überprüfen Sie den status der anzeigen einmal renderEnded gefeuert worden... mit dem verlinkten plugin oben haben Sie zwei Rückrufe, die können dies ganz einfach... das plugin fügt auch eine Klasse, die auf den Anzeigenblock div von display-block oder display-keine Abhängigkeit davon, ob eine Anzeige gefunden wurde oder nicht... diese kann dann leicht verwendet werden, um ein-oder ausblenden eines div mit der CSS.

    InformationsquelleAutor Matt Cooper
  3. 2

    Wenn es keine kreativen DoubleClick einfach die Ausgänge einen leeren string. Ich zähle die Anzahl der Kinder in den div enthält die Anzeige-und ausblenden Grundlage.

    <script type="text/javascript">
    if($('#ad-id').children().length < 5)
    {
        $('#ad-id').hide();
    }
</script>
    InformationsquelleAutor Svavar
  4. 0

    Mit der anderen Antwort, können Sie mit jQuery zu überprüfen, der Inhalt des Elements für ein iframe -

    if($('#div-gpt-ad-1346196436229-0').has('iframe'))
  $('#div-gpt-ad-1346196436229-0').show
    • Wie würde dieser code Krawatte in mit, die ich oben gepostet? Ich bin nicht zu sehen, die übergeordnete Logik, die ich Schätze.
    InformationsquelleAutor user1026361
  5. 0

    Alte Frage, aber ich hatte ein Problem im IE mit Werbung laden eine leere weiße hintergrund iframe, wenn andernfalls eine Anzeige bekommst. Der folgende code übernimmt die op-Frage + den IE zu beheben, müssen Sie collapseEmtpyDivs auf true gesetzt und beginnen mit dem adunit-Elemente zuerst zeigen:

    if( $(adUnit).css("display") == "none"  || $(adUnit).hasClass("display-none") )
    $(adUnit).remove();
    InformationsquelleAutor pierdevara
  6. 0

    könnte dies ein Weg sein, etwas zu tun, ANDERE als verstecken oder zeigen die Anzeigenschaltungen in div-container. Ich weiß, das ist off-topic, aber was ist, wenn die Anwesenheit des ad bestimmt noch andere Dinge auf der Seite, wie z.B. ob ein Element absolut positioniert, oder schwebte etc...
    In meinem Fall habe ich einen video-player über den oberen Teil einer ad serviert-Steckplatz, die ich will, um den hintergrund zu ändern, nur, wenn eine Anzeige VORHANDEN ist.
    ...
    ziemlich hacky Weg, es zu tun, es scheint, wie es sollte ein Rückruf oder eine Antwort-Anforderung, um zu bestimmen, das nach der Anzeige() beendet... Erfolg /fali etc.

    InformationsquelleAutor Fivebears
  7. -1

    im Grunde ist es einfach

    durch Ihre anzeigen, google ist mit einem html-doc, und ein iframe, so page laod getan haben, können Sie einfach überprüfen, wenn das div-Element mit der 'html' oder 'iframe' - tag und zeigen Sie es, wenn ja

    hoffe es hilft

    *und ich empfehle zum setzen der anzeigen in den Halter diws mit vordefinierten id-s

    • Dies macht keinen Sinn für mich...
    • Wenn die ausgelagerten geladen wird, wird das div ist im Grunde leer. Nachdem die Seite geladen wurde, das div in Frage gestellt wird bevölkert von anzeigen über google js. So überprüfen Sie für einige Konstanten, die gefunden werden können in jeder google-Anzeige. Dies ist das iframe-tag. Daher, wenn Sie überprüfen Sie den Inhalt Ihres target div mit js nach dem laden der Seite für das iframe-tang, und js false zurück, es bedeutet die google-Anzeige nicht geladen wurden, in die div, so dass Sie ausblenden des div, oder halten Sie es versteckt. Wenn es "true" zurückgeben, ändern Sie die divs Sichtbarkeit zu zeigen und fertig.
    • Basierend auf was Sie gesagt haben, haben Sie einige code-bits zu bekommen, mich in die richtige Richtung? Wieder-ich bin javascript in Frage gestellt. 🙂
    • Google wird das iframe dort, auch wenn keine ad ist flighted, so können Sie einen großen, weißen Kasten, wo ein ad-normalerweise. Gibt es eine Möglichkeit, dass zu beheben?
    InformationsquelleAutor user1248047
Schreibe einen Kommentar