locked
Windows 8 AdControl using HTML5

    Question

  • I have a Windows 8 AdControl set-up in this way:

    <div id="adControl" style="width: 728px; height: 90px; border: solid 1px red; "
        data-win-control="MicrosoftNSJS.Advertising.AdControl"
        data-win-options="{applicationId: 'abc-1234', adUnitId: '12345'}">
    </div>

    I know the control is displaying because I can see a red line around it. However, I'm not seeing any ads being rendered (the ad is registered). I have the same control in a Metro app using XAML and I see the ads fine.

    Is there something that I'd missed?

    Monday, June 03, 2013 6:18 AM

All replies

  •     <div id="myAd" style="; bottom: 90px; left: 0px; width: 728px; height: 90px; z-index: 1" 
         data-win-control="MicrosoftNSJS.Advertising.AdControl" 
         data-win-options="{applicationId: 'your-app-id', adUnitId: 'your-unit-id'}">
        </div>

    will work as long as:

    you first have the app registered properly and you also include the advertising JS library with the build which can be done with the ADD REFERENCE.

    Monday, June 03, 2013 6:54 AM
  • The status of the add in the ad centre is "Serving paid ads", and I have a reference to MSAdvertisingJS, Version=6.1.

    I've played around with the styling, but as far as I can see, this should serve ads, but doesn't.

    Monday, June 03, 2013 7:35 PM
  • May be you'r missing just style="position" along with other styles.

    Tuesday, June 04, 2013 5:32 AM
  • No - it's position is set to relative.  I've tried making this an in-line style and a CSS style.  It makes no difference.
    Tuesday, June 04, 2013 8:56 AM