Hi,
how to add instead of related articles ad widget from outbrain?
I’ve the codes from then but just don’t know where to place them, so that I have this code under the end of the post, after social icons.
Hi,
So if I understand correctly you want to replace the related articles with some ads, this an be don if you are using a single post template from tagDiv Cloud Library, this can be edited with tagDiv Composer -> https://i.imgur.com/oF5F91z.jpg use the right click to remove the related articles and use the ad box element for ads -> https://i.imgur.com/Lwr1rNC.png -> https://i.imgur.com/aF083ID.png
Thank you!
I see, but then it would only work with this one template. What I want is to use outbrain widget for every post to have instead of related articles widget from outbrain and I want it to work with a default template.
Hi
On default template you can add only sidebar widgets, using a single post template from tagDiv Cloud Library, you can add where you want the sidebar widget (https://i.imgur.com/OU7d4RT.png -> https://i.imgur.com/6kwSoxC.png) and sortcodes (shortcodes need to be set in column text or text with title like this -> https://i.imgur.com/uvZ6rFM.png -> https://i.imgur.com/iI7cKGE.png)
Thank you!
But how to add this to default template? Or maybe how to copy a default template from my theme to cloud templates? And why Is it so hard to add this ad code? It would be very nice if you guys in the next update added new ad place called “under article”.
Hi,
Unfortunately this is possible on default template or standard templates, only on cloud templates, these can be get from here -> https://i.imgur.com/gpABcJv.png -> https://i.imgur.com/rdUFKd7.png
Thank you for your suggestion, I will add it on our suggestion list.
Thank you!
Ok, I’ve created a new theme. I’ve added some ads in the content and now this adsense ads looks very weird on mobile and tablet. How to change that? I’ve set up 728×90 ad on desktop, how to make now different ad sizes for mobile and tablet? https://prnt.sc/sfesn2
And Calin, how to make ad like this: https://prnt.sc/sfezlq two ad boxes next to each other?
Hi,
Tu display/adjust the ads per view port you can use some code like the one from our documentation https://forum.tagdiv.com/using-other-ads-non-adsense-ads/
use this code for desktop ads ->
<div class=”td-visible-desktop”>
<!– Your NON AdSense code here – this ad will show only on desktops –>
</div>
and this for mobile ads
<div class=”td-visible-phone”>
<!– Your NON AdSense code here – this ad will show only on phones –>
</div>
Also if I’m right the two ads display inline are two different ads with a class for resize
like this -> https://i.imgur.com/ii7AYj6.png -> https://i.imgur.com/86f1ko5.png theexample code can be get from here -> https://pastebin.com/Tuf5gY1W
Hope this will help you!
Thank you!
Different ads for mobile and desktop:
I’ve tried adding adsense code in the div with class ”td-visible-phone” and now I can see two ads, one from div with class ”td-visible-desktop” and second one with div for phone.
Display inline two different ads:
It works, just can’t change the look for mobile as I wrote above.
Why “NON AdSense code here”, we can’t use AdSense code there?
Hi,
I think that this is because the code is for all device -> https://i.imgur.com/zC7Aw07.png you need to set there the class for the if you want the code to be only for desktop, try this one -> https://pastebin.com/ysWkwWQA and only for mobile this code -> https://pastebin.com/QQNmcPmF
Thank you!
Thanks for the code I wrote “mobile” instead of “phone. Sorry.
Now it does not appear on desktop, and I can’t see it on mobile as well. I think the issue might be caused by mobile theme which is made different then desktop theme.
Also I don’t want to show social icons on mobile theme before text(screen: https://prnt.sc/sgqg15), and I can’t find anywhere when I can hide them.
Hi,
The class td-visible-desktop will display the ads only on desktop and this class td-visible-phone will display the ads only on mobiles, if you are using the responsive version, if you are using the mobile theme plugin, then you need to set the ads normal (with out extra code) for mobile in this place -> https://i.imgur.com/y2X2urO.png also if you want to remove the social share from the top article, you need to do it from here -> https://i.imgur.com/DguFyni.png if this option do not appear for you, please enable tagDiv Standard Pack -> https://i.imgur.com/PzJbqR9.png and after you made the changes you ca disable it.
Thank you!
We’ve turned off the mobile theme, so that it would be easier to manage this.
For some reason, the class td-visible-desktop doesn’t work.
I can’t see ads on desktop with td-visible-mobile class, but when we use td-visible-desktop we can see this ads on mobile and we can’t see the ads that were supposed to appear on mobile.
Screen: https://prnt.sc/shb169
HI,
This is a strange situation, if you want I can take a look, for this I will need a link to a post/page where the ads are se.
Thank you!
Here you go Calin: https://bit.ly/3dVlngf
Hi,
If found that the problem is because of the inline css, please try win an extra class, like this -> https://pastebin.com/4sdtxP5g and add this css in theme panel
.doubleAds {
display: inline-block;
width: 300px;
}
@media (max-width: 767px){
.dads {
display: none;
}
}
Hope this will work better!
It’s not working.
For some reason, I can see ads created for desktop on mobile and desktop. And can’t see ads created for mobile anywhere.
Here’s an ad code that we are having right now:
<div class="td-visible-desktop doubleAds">
<script>
AdSense Code here
</script>
</div>
<div class="td-visible-desktop doubleAds">
<script>
AdSense Code here
</script>
</div>
<div class="td-visible-phone">
<script>
AdSense Code here
</script>
</div>
And here’s our css code:
.page-nav a[href$="/2/"] {
width: 80%!important;
margin-left: 10%;
box-shadow: 0px 4px 10px 0px #888888;
border-radius: 4px;
}
.page-nav a {
width: 45%!important;
font-size: 16px;
margin: 0 2.5%;
padding: 18px 48px;
color: #fff;
background-color: orange;
box-shadow: 0px 4px 10px 0px #888888;
border-radius: 4px;
}
.page-nav a, .page-nav .current{
display: none;
}
.page-nav a:first-child, .page-nav a:last-child {
display: block;
}
.page-nav a:first-child i:before {
content: "PREV";
}
.page-nav a:last-child i:before {
content: "NEXT";
}
.page-nav a:last-child i:before, .page-nav a:first-child i:before {
font-family: sans-serif;
font-size: 33px;
text-transform: uppercase;
font-weight: 600;
}
.doubleAds {
display: inline-block;
width: 300px;
}
@media (max-width: 767px){
.dads {
display: none;
}
}
Hi,
This was just a hint, for how to do it to try to help you.
Our theme do not have an option to display two inline ads, sorry!
Thank you!
So how can I do that? Is there any person that can help me with this issue?
Hi,
I just try again, this is the code that I have set -> https://i.imgur.com/l7Jirsy.jpg using only this css for desktop -> https://i.imgur.com/tQALrYh.jpg and for me the results on mobile are -> https://i.imgur.com/ugETCew.png (you need to refresh the page to see the results). Please try with banners/images like in my example and let me know the results.
Thank you!
