Invision Community 5: A video walkthrough creating a custom theme and homepage By Matt Thursday at 04:02 PM
Robert222 Posted January 12, 2021 Posted January 12, 2021 At the top and bottom of my website i've added custom blocks of Google Adsense code. See screenshot below. From this photo you can see the top part of my site where there's a standard sized 728 X 90 google advert. This is just one of googles "standard" sized adverts which isn't responsive. I thought the advert was fine when viewed on larger screens i.e. Desktop PC, until I began viewing my site on my mobile phone and part of the advert when viewed in Portrait mode was cut out! The square ad you see on the right side is a custom block "Responsive" google advert within my side bar and for some reason, these look great on all screen sizes. To try and solve my problem, I changed the custom block google ad at the top of my page from 728 X 90 to one of googles "Responsive Ads". See image below... The "responsive" ad appeared much better on a small screen size (mobile phone) but when viewed on a larger screen (desktop pc), the "responsive" advert appears MASSIVE and shifts my main page content down too far and just looks stupid! Its extremely important I have google ads within custom blocks at the top and bottom of my site on all pages but if I keep the "Responsive" ad code , visitors to my site will just leave straight away. Aesthetics is important to me, and google ads need to be placed carefully. The "Responsive" google ad within my right side bar works great, however, the top and bottom custom blocks simply don't work for "responsive" google ads unless you don't care about the appearance of your website on larger screens but I do. Surely there must be a way for me to use the 728 X 90 standard google ad code and make it responsive within the custom block? I thought custom blocks automatically made content responsive, I guess I was wrong. This is another feature of IPS which I hate. IPS promote the ability of adding google ads on your site but what they don't disclose are these problems which haven't been thought about and fixed! Is there maybe a way to just use the "responsive" google ad code and perhaps make the top and bottom blocks no bigger than 728 X 90? This would then hopefully stop the responsive ad code from getting too big. Any help would be appreciated.
Robert222 Posted January 12, 2021 Author Posted January 12, 2021 Ok I believe I've solved my own problem. I don't need to use the standard 728 X 90 ads. I can just use the "responsive" ads by Google. Within the responsive google Ad code there is the following section... data-ad-format="auto" Change to... data-ad-format="horizontal" That little tweak only affects large screen desktop computers and is perfectly fine to do so you don't need to worry about being banned from google adsense. So after making the small change, my ads at the top of my website now look more like 728 X 90 size but are still responsive in small screen sizes. So win win. I was going to delete this topic but thought I'd leave it, in order to help others who may experience the same issue as I.
Robert222 Posted January 12, 2021 Author Posted January 12, 2021 Ok so I thought I'd solved my problem, however google ads don't seem to be showing up on my site when browsing on my mobile phone? Only large empty space appears. The ads still show up when viewed on a desktop pc so I don't get it.
Robert222 Posted January 12, 2021 Author Posted January 12, 2021 I followed Googles suggestion on tweaking their ad code... Anyone have further suggestions? Because ads show up fine on desktop but mobile phone ads don't show up. Large space is there indicating that an ad is about to appear but doesn't. Any ideas?
Recommended Posts