Hi
I am trying to resolve some issues with my new site.
I am using the ‘Gossip’ demo which I have adapted. Please see the attached screenshots below to see how it is at the moment, for reference.
1) The section that is ‘Latest’ (under the ticker) needs to be the same width as the section below it. I have looked through the settings but there isn’t anywhere that needs adjusting. Originally this section was moved from the bottom of the site (in the Gossip demo it is called ‘Latest Articles’). I just dragged it up the page but it is not staying the same width. How can I make it the correct width?
2) In my setup, in the first section area I have excerpts show. I know these can be turned off, but is there a way to show the Subtitle from each post here instead? I can’t see a setting for it to be switched on, so wondered if it is possible to add it in any way?
3) With the excerpts in the above section, the universal setting should be at 25 words. But for some reason mine are all varied in the blocks. I have gone through the theme and also each block in the composer to change them to 25, however they are not changing. Is there a setting anywhere else that needs to be changed?
4) I am trying to add ads from my Google Ad Manager account. However nothing is appearing in the leaderboard area in the header, as you can see. I have read through your documentation but I can’t find information for Ad Manager. Can you give me instructions on how to add it and where to place the code specifically?
Please let me know, and thanks in advance for you support!
Anton
Hi,
1. If you are using the Gossip Pro demo you can drag and drop the “latest article”, but grad it with the entire row not only the posts loop elements -> https://i.imgur.com/jTqsAYH.jpg
2. For the moment the modulus from the blocks do not have an option to display the sub-titles, only the excerpt, this can be done only if you make some changes in theme files.
3. The excerpt size can be set as general in theme panel for all modules that are display in theme panel -> https://i.imgur.com/VQk9lZM.png on individually using tagDiv Composer -> these are the only ways that you can change the excerpt size.
4. You can set the ads in ad box, in these ad box you can set banners ads that are set in theme panel, or you can set in them the code -> https://i.imgur.com/xJpVYl7.png you can check more about this in our guide from here -> https://forum.tagdiv.com/custom-ad-spots/
Hope this will help you!
Thank you!
On #4 you have to add the server side script code to activate Google Ad Manager Ad Units.
First, on a txt editor copy the header code provided for every Ad Unit on Google Ad Manager, to do this go to:
Inventory/Ad units/
Then open every ad unit you need, one by one, by clicking on its name then:
1. go to tags.
2. choose Google Publisher Tag (GPT)
3. click continue
4. configure your ad unit (it’s fine if you leave this as is)
5. click continue again
6. third step will give you two codes. one that goes in the <head> and a second that goes in the <body> copy the head code and paste it on the txt edit document, now copy the body code and paste it in a different txt document.
7. do this for every ad unit you need to publish in you site.
8. you will end with two files, one with header codes and one with body codes. Save them, but don’t close them.
You need to edit the header to make one big code including every single ad unit instead a bunch of them.
This is my code so you can figure how…
<!-- GOOGLE AD MANAGER STARTS -->
<script type='text/javascript'>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function() {
var gads = document.createElement('script');
gads.async = true;
gads.type = 'text/javascript';
var useSSL = 'https:' == document.location.protocol;
gads.src = (useSSL ? 'https:' : 'http:') +
'//www.googletagservices.com/tag/js/gpt.js';
var node = document.getElementsByTagName('script')[0];
node.parentNode.insertBefore(gads, node);
})();
</script>
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/14518XXXX/HP1_300x600', [300, 600], 'div-gpt-ad-XXXXX86917606-0').addService(googletag.pubads());
googletag.defineSlot('/14518XXXX/LB1_728x90', [728, 90], 'div-gpt-ad-XXXXX86917606-1').addService(googletag.pubads());
googletag.defineSlot('/14518XXXX/MR1_300x250', [300, 250], 'div-gpt-ad-XXXXX86917606-2').addService(googletag.pubads());
googletag.defineSlot('/14518XXXX/SB1_320x50', [320, 50], 'div-gpt-ad-XXXXX38988537-0').addService(googletag.pubads());
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
<!-- GOOGLE AD MANAGER ENDS -->
Now back to your site go to:
Newspaper/Theme Panel/Analytics JS Code/Header Script Code
and paste this code (yours of course).
This will allow your ad units to show on your site, if your Ad Manager Setting are correct.
Last thing to do.
Copy and paste the ad unit code where it should appear:
Newspaper/Theme Panel/Ads/
This is an example of my header position:
<div class="td-visible-desktop">
<!-- /14518XXXX/LB1 -->
<div id="div-gpt-ad-XXXXX86917606-1" style="height:90px; width:728px;">
<script type="text/javascript">
googletag.cmd.push(function() { googletag.display("div-gpt-ad-XXXXX86917606-1"); });
</script>
</div>
</div>
<div class="td-visible-tablet-landscape">
<!-- /145188550/LB1_728x90 -->
<div id="div-gpt-ad-1459286917606-1" style="height:90px; width:728px;">
<script type="text/javascript">
googletag.cmd.push(function() { googletag.display("div-gpt-ad-1459286917606-1"); });
</script>
</div>
</div>
<div class="td-visible-tablet-portrait">
<!-- /14518XXXX/LB1_728x90 -->
<div id="div-gpt-ad-XXXXX86917606-1" style="height:90px; width:728px;">
<script type="text/javascript">
googletag.cmd.push(function() { googletag.display("div-gpt-ad-XXXXX86917606-1"); });
</script>
</div>
</div>
<div class="td-visible-phone">
<!-- /145188550/SB1_320x50 -->
<div id='div-gpt-ad-XXXXX38988537-0' style='height:50px; width:320px;'>
<script>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-XXXXX38988537-0'); });
</script>
</div>
</div>
One more thing. The head banner should be exactly 728×90 in desktop mode.
In the example above you can see that it displays a different version on mobile or desktop.
You might need to read this too.
https://forum.tagdiv.com/newsmag-using-other-ads/
Hi cloudmark, thank you for sharing with us the steps that need to be made in order to use Google Ad Manager Ad Units!
Have a nice week!
Hi Cloudmark
Thank you so much for this, it is very kind of you to help 🙂 Yes this is the information that I need.
I will work on it over the next day or so and report back with my progress.
Best regards
Anton
My pleasure.
Hi Cloudmark
Yes all of what you said worked.
I played around with some of it but the ads are now coming through, so that is great.
Thank you 😉
Hi Calin
I am having another issue with my header.
I got the ad to appear from Google Ad Manager as said, however now my header is being messed up.
In the TagDiv composer the three columns are like this:
..but in the actual site it looks like this:
No matter what I do the right column will not go to the right, it always stays under the middle column.
What do I need to do to get it to display correctly?
Thank you
Anton
Hi antonmh, most probably when the ad is deliver this has a bigger size then the initial ad box size, therefore it will display as in your screenshots, as suggestion, you can try to stretch the row -> https://i.imgur.com/v5Pdepi.png or set a smaler ad size for header.
If there is still a problem, please provide me a link where I can make some investigations, in this way I will be able to identify the problem and provide a solution.
Let me know the results!
Hi Calin
Thanks for getting back to me. I have tried doing those things and stretching the row but it is still not displaying correctly.
The size is the standard leaderboard size of 728×90. When I switch it to an normal image (i.e not Ad Manager) it displays ok. Again the size is 728×90.
My site is not live at the moment so I would need to send you a login. Where do I send it to?
Thank you
Anton
Hi,
You can send us an email at contact@tagdiv.com and provide admin login. We will take a look. Include a link to this topic in the email.
Thank you!
