Fancybox + Bursting Pipe Ad

Question

We're using Fancybox to throw up essentially an interstitial ad. The page loads, then Fancybox loads over it, and displays our ad content. For most ad content we've put up, this has worked (hand-coded links/images, DoubleClick content, etc). But ads from Burst Media seem to cause no end of headache.

As soon as Fancybox loads, the Burst ad takes over, and does it's document.write() to the page. This (as far as I can tell) dumps everything else, and displays only the ad content.

To make matters stranger, the same ad code works correctly in inline placed ads on our page.

The only thing I can think is that because the Burst content is missing an iframe, it's causing havoc on the page; but because it works in other places, I'm becoming frustrated and confused.

Any suggestions?

EDIT: Ad content comes from an admin where employees paste in the appropriate HTML. It is added to the page via PHP directly.

I think your surmise is correct. Can you not seal your adds in an `` *inside* the Fancybox box? — Pointy, Oct 18 '10 at 19:46
@Pointy Wrapping it in an `iframe` gives me an empty `iframe`, though the page "works". I'm trying to narrow this down to a simple demo page so that it makes more sense. — Glen Solsberry, Oct 18 '10 at 20:22
It might help also if you could describe a little bit about where the ad content comes from and how it ends up as part of your page. — Pointy, Oct 18 '10 at 20:25
Well calling "document.write" once the page has been finished is definitely going to mess things up. — Pointy, Oct 18 '10 at 21:50
@Pointy: Seems you are correct. I didn't think about the fact that document.write after load will mess things up. Seems I need to find an actual iframe solution. — Glen Solsberry, Oct 19 '10 at 12:40

score 0 · Accepted Answer · answered Oct 21 '10 at 13:03

For those that may need it in the future, you do need an iframe, as @Pointy suggested; here's the template for the iframe portion:

<iframe src="http://bs.serving-sys.com/BurstingPipe/adServer.bs?cn=rsb&c=<VALUE_OF_C>&pli=<PLI_ID>&PluID=0&w=300&h=250&ord=[timestamp]&ifrm=2&ucm=true&z=0" width=300 height=250 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0  scrolling=no bordercolor="#000000">
    <script src="http://bs.serving-sys.com/BurstingPipe/adServer.bs?cn=rsb&c=<VALUE_OF_C>&pli=<PLI_ID>&PluID=0&w=300&h=250&ord=[timestamp]&ucm=true&z=0"></script>
    <noscript>
        <a href="http://bs.serving-sys.com/BurstingPipe/BannerRedirect.asp?FlightID=<PLI_ID>&Page=&PluID=0&Pos=5500" target="_blank"><img src="http://bs.serving-sys.com/BurstingPipe/BannerSource.asp?FlightID=1825049&Page=&PluID=0&Pos=5500" border=0 width=300 height=250></a>
    </noscript>
</iframe>

Please note that essentially, the only difference for the iframe is that the src attribute has an ifrm=2 value included in the querystring. Everything else should be the same.

Fancybox + Bursting Pipe Ad

1 Answers1

Linked