Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

ShareThis buttons not clickable on HTTPS website

I have added "share this" buttons to my secure site and now they produce an error when clicked. Errors are mentioned below. Has anyone had this problem before?

Blocked loading mixed active content "http://w.sharethis.com/button/buttons.js"

ReferenceError: stLight is not defined

Loading mixed (insecure) display content on a secure page "http://w.sharethis.com/images/facebook_32.png"

like image 733
user2434592 Avatar asked Jan 14 '14 16:01

user2434592


People also ask

How do I customise my ShareThis share buttons?

Publish your site You will have now established a connection between your website and your ShareThis profile and you can now start customising your share buttons. Sticky Share Buttons appear on every page of your website.

What are Video Share buttons and how do they work?

Video Share Buttons act exactly the same as Image Share Buttons and are active on ShareThis by default. Any videos you have on your site will have share buttons added to them. You can switch this off at any time by going to Video Share Buttons in your App Directory and turning the toggle off at the top of the page.

Where can I place inline share buttons?

Inline Share Buttons are positioned where you would specifically like them on your page. These can be placed on your blog posts, on product descriptions or anywhere else you feel they’d be appropriate. We’d recommend near the bottom of your page once a user has finished reading your content and is more likely to use one of the buttons. 1.

What are Image Share buttons and how do I use them?

Image Share Buttons allow you to add buttons that appear over images on your site when someone moves their cursor over them. They can be incredibly useful for heavily image-based websites or for encouraging website users to pin images if Pinterest is part of your marketing strategy. Switching this feature on is simple.


1 Answers

Basically if a page is loaded over HTTPS then every resource it uses should also be loaded over HTTPS. It's a part of browser security policy, just like Same-Origin Policy etc.

Fortunately ShareThis can be used over HTTPS like this:

<script type="text/javascript" src="https://ws.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
    stLight.options({
        publisher:'12345',
    });
</script>

Same applies to your facebook icon. Just use this URL: https://ws.sharethis.com/images/facebook_32.png

like image 114
vbo Avatar answered Oct 12 '22 14:10

vbo