Skip to main content

Ads not showing on Single Page Application ReactJS

Answered
Alvaro Bataller

Hello, I've setup Mediavine ads for a different website on a Single Page Application before. 

Now we got approved for a smaller site on Journey but no ads seem to be showing up. Is there a way to use HTML or a Class Name to specify where you want the ads to be placed?

Or is there any way to make ads show? Right now all we see is the sticky banner ad at the bottom of the page.

Related to

0

Comments

5 comments

Date Votes
  • John
    • Journey Support Team

    Hi Alvaro,

    I just took a look at the site, and we just had to make a few adjustments to get ads displaying with the site's markup. If you check again, you should see them displaying. Thanks!!

    0
  • Alvaro Bataller
    Edited

    I appreciate the help! I noticed that the ads started showing up. Seeing that we didn't need Adsense anymore I globally removed the react-adsense package and all HTML Adsense tags that we were using to inject ads to the blog and now the Journey ads disappeared again. Not sure if you were using those Adsense tags as a reference.

    I've added a class name called "article-content" to the container of the body article. Hopefully this will make it easy for you to inject ads. 

    If you need any other tag or class name added instead please let me know, we can easily do that globally for the whole site. Please let us know exactly what you are using as a reference to inject the tags so we dont change it by mistake in the future. 

    One last thing, on mobile the sticky bottom banner is covering our nav bar completely. Is it possible to configure that any sticky add at the bottom of the frame is moved up 86px on mobile? This way our users can navigate properly. You can see this happening in the blog section /blog

    Many thanks!
     

    0
  • John
    • Journey Support Team

    Hi Alvaro! Thanks for getting back to us. The article-content class should work great here, and I just made a change so that we're using that to target the ads. If you just keep that class on the content section, we should be all set going forward.

    The adhesion ad actually needs to display at the bottom of the viewport, and there isn't an adjustment that we can make there. What you can do here, though, is to either move the sticky nav up so that it's above the adhesion ad, or just move it to the top of the screen so that it's not being overlapped by the adhesion unit at all. Thanks again!

    0
  • Muntaseer Rahman

    Hello everyone! I am super sorry to make this thread active again. I am having the same exact issue on my single page application. Only seeing the sticky bottom ads. Is there any special class, tag or attribute that I can use to any div or container to point journey to show ads?

    0
  • Support
    • Journey Support Team

    Hey Muntaseer Rahman  - I just reached out on your other thread, and made the adjustment John previously mentioned in this thread. Let us know if you have questions! 

    0

Journey is Self Supported

Our support staff is monitoring this forum everyday for bugs related to ad delivery, the display and functionality of the Journey dashboard, and any bugs related to the onboarding process. We are typically unable to assist with non-bug related issues like RPM performance expectations, issues setting up the ads.txt file, and questions already answered by our existing help docs. Read here for a more detailed breakdown of how Journey is self-supported and our recommendations for how to find answers to common issues.

Please sign in to leave a comment.

Powered by Zendesk