Add a HTTP link to SSL HTTPS page without causing Mixed-Content "Not Secure" error

user_13255292 0
Viewed 908

How can I add un-secured HTTP links on this page without causing the error "Not Secure."?

  • I have a secured web page with SSL HTTPS.
  • This web page is a dashboard with 100+ buttons which all contain links of external websites.
  • Unfortunately, not all of these websites support HTTPS ...common its 2020!

Is there any way to resolve this issue while maintaining the site lock?

Attempt #1 

<link rel="ampHtml" href="http://example.com/">

Attempt #2

I used TinyURL to convert my HTTP links into short URLs which have HTTPS. ...this works for most of the links (which is great!)

The remaining links when clicked have additional Javascript which is adding URL querystrings to the end of the URLs. These strings apply on the TinyURL successfully, but does not on the final destination URL.

The only other solutions I can think of (if even possible) is ...

  • JavaScript to convert specific links onClick to HTTP before opening a new tab and loading the website.
  • JavaScript to delay the load of the HTTP link.
html javascript
1 Answers

You can make a redirect page. The most basic way is making a redirection page with JavaScript.

if (window.location.search.includes("?url=")) {
  var url = window.location.search.replace("?url=", "");
  window.location.replace(url);
}

Basically, what's happening is that it redirects from a secure page to a non-secure page without causing a 'Mixed Content' error. It gets the url parameter from window.location.search and then it redirects to that.

user_94166180
Related