Support » Plugin: AMP » All other ads working on amp page but Sticky footer ad is blank

  • Resolved scoopkeeda

    (@scoopkeeda)


    Hi,

    I’m using Smartmag theme which is amp friendly theme. Every amp ad is working perfectly except sticky footer ad in amp page which is blank.

    I pasted below code in footer.php for sticky footer ad in amp and non amp page.

    <div class='sticky-ads' id='sticky-ads'>
    <div class='sticky-ads-close' onclick='document.getElementById("sticky-ads").style.display="none"'><svg viewbox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg></div>
    <div class='sticky-ads-content'>
    
    <ins class="adsbygoogle"
         style="display:inline-block;height:70px;width:100%;line-height:70px;"
         data-ad-client="#######"
         data-ad-slot="########"></ins><script>
         (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
    </div></div>
    <style>
    .sticky-ads{ position: fixed; bottom: 0; left: 0; width: 100%; min-height: 70px; max-height: 200px; padding: 5px 0; box-shadow: 0 -6px 18px 0 rgba(9,32,76,.1); -webkit-transition: all .1s ease-in; transition: all .1s ease-in; display: flex; align-items: center; justify-content: center; background-color: #fefefe; z-index: 20; }.sticky-ads-close { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 12px 0 0; position: absolute; right: 0; top: -30px; background-color: #fefefe; box-shadow: 0 -6px 18px 0 rgba(9,32,76,.08); } .sticky-ads .sticky-ads-close svg { width: 22px; height: 22px; fill: #000; } .sticky-ads .sticky-ads-content { overflow: hidden; display: block; position: relative; height: 70px; width: 100%; margin-right: 10px; margin-left: 10px;</style>

    Waiting for your valuable information.

    Thank you.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Fellyph Cintra

    (@fellyph)

    Hi @scoopkeeda,

    Thanks for contacting us, the code that you have shared it’s for normal pages, in this case, for AMP pages you should use the amp-sticky-ads component, you can check the documentation here

    Thread Starter scoopkeeda

    (@scoopkeeda)

    Thanks for your reply,

    Sir,

    Is there any way to disable this ad on amp pages because it is showing blank on amp.

    And in which place i should place amp code ?

    Plugin Support Fellyph Cintra

    (@fellyph)

    Hi @scoopkeeda,

    It will depend on how you are implementing ads on your website. But you will need to check 3 items:

    1. Enable ads for AMP pages
    2. Check if the plugin that you are using to place the ads is AMP-compatible.
    3. If you are using the AMP component to display ads for AMP pages

    Thread Starter scoopkeeda

    (@scoopkeeda)

    I dropped that idea and started using readers theme in amp… Using Amp ad plugin…

    Thanks for your reply..

    Plugin Support Fellyph Cintra

    (@fellyph)

    As we didn’t receive a response I’ll mark this as resolved. Feel free to open a new support topic if you require any further assistance.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.