Creating my own header ad?

I’m aware of how ads work in Newsmag, but there’s something I’m trying to do and I’m not sure how to go about it. (By the way, I’m quite impressed with how seamless the integration with Google AdSense seems to be.)

What I want to do is use Header 6 (top menus + logo + ad) with a 728×90-sized ad, but instead of putting an AdSense ad there, I’d like to create my own clickable ad from a 728x90px image I’ll create myself in photoshop. The reason I want to do this is so that all of the essentials I want to make available will be readily, blatantly accessible to my visitors. They’ll be able to navigate the menus, click my logo to go back to the homepage, or click my ad in order to go to the page of one of the services I offer.

So in effect, I’m trying to use Header 6 with a 728x90px ad, but I want to put my own ad in there rather than an AdSense ad, and I can’t figure out or visualize how to substitute my own image into that spot.

See the theme docs for replacing the ad units for that spot with your own custom code ….

basically you have to insert the three div sizes which wrap your link and image HTML

alternately you could use a plugin like AdRotate to insert into the theme template and then load your “ad” graphics randomly for that spot (which is what I do) 🙂

Hi

Thanks @Chris!

@DaneOLeary please check our documentation regarding the banner ads integration in our theme: https://forum.tagdiv.com/newsmag-using-other-ads/

Basically your code should look like this:

<div class="td-visible-desktop">
<a href="#"><img src="img-url"/></a>
</div>
<div class="td-visible-tablet-landscape">
<a href="#"><img src="img-url"/></a>
</div>
<div class="td-visible-tablet-portrait">
<a href="#"><img src="img-url"/></a>
</div>
<div class="td-visible-phone">
<a href="#"><img src="img-url"/></a>
</div> 

Thanks!

• This reply was modified 10 years by Andrei L..

Thanks @Andre_luca and @neotrope, I will refer to the documentation.

However, Andrei your images/code aren’t showing up in my browser. Can you post that again?

Bug in forum, when you post code with anchor links to images, it tries to load the HTML the first save, and then you have to resave in forum even if wrapped in code for it to actually render as code.

Andrei just pasted in the exmple from the theme docs, as fyi.
https://forum.tagdiv.com/newsmag-using-other-ads/

let’s see if I can get this to render 😉

<div class="td-visible-desktop">
    <!-- Your NON AdSense code here - this ad will show only on desktops -->
</div>
<div class="td-visible-tablet-landscape">
    <!-- Your NON AdSense code here - this ad will show only on tablets in landscape orientation -->
</div>
<div class="td-visible-tablet-portrait">
    <!-- Your NON AdSense code here - this ad will show only on tablets in portrait orientation -->
</div>
<div class="td-visible-phone">
    <!-- Your NON AdSense code here - this ad will show only on phones -->
</div>

seems to work.

• This reply was modified 10 years by simchris.

So, where it says, for example:
<!-- Your NON AdSense code here - this ad will show only on phones -->

You would put in normal html, where you wrap an anchor link around an img link — and replace that commented item, of course.

Basic html is something like
<a href="http/link" rel="nofollow" target="_blank"><img src="mysite/images/image.jpg" width="NNN" height="NNN" alt="" /></a>

• This reply was modified 10 years by simchris.
• This reply was modified 10 years by simchris.
• This reply was modified 10 years by simchris.

Hi

Thanks @Chris for your explain, I forgot to edit my topic and publish it again 🙂

@DaneOLeary just replace the img-url from the code I provided, which now it’s displayed fine, with your image url and your banner ads should work fine.

Thanks!

Excellent, thanks guys. Sounds much easier than I had anticipated.