Fix Insecure Warnings Serve Nuffnang Blog Advertising Community or Ads on Blogger Blogs

Lately we have received many emails by our readers on how to fix the dreaded HTTPS Insecure  Connection warning when serving ads at their blogspot.com blog pages.

Unfortunately HTTPS is not supported for custom domain Blogger blogs (officially yet). These issue is mainly coming from users who are using blogspot.com blogs without enabling HTTPS Redirects at their dashboard.

Update: As of March 2018, Nuffnang served ads/contents continues to display Mix Content warnings for HTTPS blogs/websites.

We have seen Blog advertising community like Nuffnang (Malaysia, Singapore, Philipines etc) is serving their ads assets on an insecure protocol which makes your blogspot.com blog pages displays this dreaded "Insecure Website" warning -- very un-welcoming for your blog 1st time readers/visitors!

This tutorial & information can be applied to other Blog-ing Advertising Community or advertising service provider if -- however -- they do not support HTTPS when deploying their ads/assets.

The fundamentals & procedure would be similar if it involves adding unique codes/ID provided by the service provider at your Blogger theme codes or widgets.

It has come to our notice, submitting multiple tickets/emails informing of this issue at Nuffnang HelpDesk/Support does not get answered nor any replies. If you're facing this issues , here what you can do:-

Remove Nuffnang or Ads Javascript Codes.

Until Nuffnang provides (full) support serving ads/assets over HTTPS, you can temporary remove your Nuffnang Ads codes.

Note: Removing your unique Nuffnang ads codes in your blogspot.com blogs will loose/reduce/stagnant your Nuffnang earnings.

These codes can be located in:-

• Your HTML/Javascript gadget
• In your Theme > Edit HTML codes.

If you manage to find them, then remove the codes entirely -- your blog will not display ads by Nuffnang anymore.

Once Nuffnang have officially supports HTTPS for their ads/assets, then you can re-add your unique ads codes in your blog Layout or inside your Theme > Edit HTML codes.

The unique Nuffnang ads codes can be obtained in your Nuffnang Dashboard > Ads/Blog panel.

Serve Nuffnang or Ads only on HTTP

If your blog continues to receive earnings via ads served with Nuffnang, you can still have the ads displayed on your HTTP version of your blog. Some additional Blogger conditional codes needs to be applied at your widgets or your unique Nuffnang ads javascript codes.

Below is the step by step guide...

• Identify the HTML/Javscript widgets used in your blog layout where these Nuffnang ads isplaced. This will be used to reference the location at your Theme codes.
• Go to Theme > Edit HTML > select "Jump to Gadget" > select the HTML/Javascript gadget containing your unique Nuffnang codes.
• Add below Blogger conditional tags...

<b:widget cond="data:view.url != data:view.url.https' id='HTML*'....... >

• At the widget line, add highlighted yellow to your identified HTML/Javascript gadget which contains your Nuffnang unique codes.
• Click Save Theme

Finding Nuffnang or Ads Javascript Codes

Using this method, you need to set your blog HTTPS Redirects to "No", which will allow your blog pages be viewed in both HTTP and HTTPS versions -- getting the best in both worlds ;).

You may have Nuffnang javascript ads codes embeded in between your posts. Here's how to updated theme...

• At Theme > Edit HTML > click "Jump to Gadget" > select Blog1 gadget > expand b:includable id="post" > and find below:-

<!-- Ads by Nuffnang -->
<script>

...{{ your nuffnang unique codes }}...

</script>
<!-- Ads by Nuffnang -->

• Wrap the Nuffnang javascript ads codes with Blogger conditional tags like so:-

<b:if cond="data:view.url != data:view.url.https'>
<!-- Ads by Nuffnang -->
<script>

...{{ your nuffnang unique codes }}...

</script>
<!-- Ads by Nuffnang -->
</b:if>

• Then click Save Theme
• Refresh your blog pages & preview both HTTP & HTTPS version of your blog pages to see the changes.

By now Nuffnang ads will only display on your HTTP version of your blog & not displayed on your HTTPS version of your blog pages.

Hopefully the dreaded "Insecure Website" web browser warning will disappear. If your blog still having these issues when viewing on HTTPS, than shout-out to us by using the comment form below.

What does the Blogger Conditional Tags Do?

In a nut-shell, the conditional theme data tags is checking weather your current blog page is using HTTPS in its protocol (data:view.url.https) . If it does, then the widget or the Nuffnang javascript ad codes will not be ouputted/rendered.


If you find any issues or trouble implementing this, shout out via the comment form below or contact us -- our support help desk will surely help out.