Display problem with embed options

  • Resolved ashcloudmac

    (@ashcloudmac)


    2 years, 8 months ago

    It seems that no matter which embed display option I pick (Box Carousel, Circle Carousel…) it looks fine in the edit but on the published page it does not display correctly. It displays a large picture first, then the title and then below that the web story – no matter which option I choose in the edit.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • @ashcloudmac Thank you for your topic. The Web Stories landing page uses the default archive theme for your website. You could disable the built-in archive and instead refer to a new custom page as the archive. You can then edit this custom archive page using Gutenberg and insert the content you’d like. You’ll have to navigate to Stories > Settings > Stories Archives and select the custom option. Next, select the page you wish to use and once the settings have been saved you will be able to access that page from the pages section of your site to edit.

    Thread Starter ashcloudmac

    (@ashcloudmac)

    Fantastic. thank you for your support. I have also setup my web stories to display ads but they have not started showing any yet – how long should it take?

    @ashcloudmac You’re welcome! Once you have Adsense configured, AdSense will determine where and how to insert ads into the story. Note it may take some time, depending on demand, how new your account is, etc. You can try going through the AdSense Ad Serving Troubleshooter for further guidance. Otherwise, it may just be a matter of waiting.

    Thread Starter ashcloudmac

    (@ashcloudmac)

    Thank you, I have done the AdSense Ad Serving Troubleshooter and had no issues. I a am a little confused about setting up Ads in Web Stories as the instructions are a bit vague or don’t follow the plugin details?

    On https://support.google.com/adsense/answer/10175505?hl=en 

    Embed the ad unit in your Web Story
Include the amp-story-auto-ads JavaScript file in your page's <head>:
<script async custom-element="amp-story-auto-ads" src="https://cdn.ampproject.org/v0/amp-story-auto-ads-0.1.js"></script>
Embed the ad unit in your Web Story with the <amp-story-auto-ads> tag:
<amp-story>

I have done the script in the head but how do I embed the ad unit in my Web Story?
 <amp-story-auto-ads>
  <script type="application/json">
   {
    "ad-attributes": {
     "type": "adsense",
     "data-ad-client": "ca-pub-0000000000000000",
     "data-ad-slot": "00000000"
    }
   }
   </script>
  </amp-story-auto-ads>
 ...
</amp-story>

    @ashcloudmac You don’t have to add any scripts or anything to the page. The plugin does this all for you after you addi the publisher ID and ad slot ID in the Web Stories settings. Does this help?

    Thread Starter ashcloudmac

    (@ashcloudmac)

    Yes, thank you so much – I have added it all as you explained.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Display problem with embed options’ is closed to new replies.