Social Media Integration : Facebook/Twitter Share/Tweet button

Integration with Social media made a lot easier these days. It is and was easy before just to add share/like buttons in our website. But being able to even change the UI/Design of the buttons was not that easy then. 


After not finding a good workaround people are found to keep the iframe hidden over the “new design” button so that unknowingly the user clicks the button inside the `iframe` thinking that they are clicking the beautifully designed button.

This type of implementation are often called a Hack as they are not officially declared way of doing things however they are eventually discovered by people with hacker mind set.

Simple Social buttons


<code language="html">
      <title>Your Website Title</title>
      <!-- You can use Open Graph tags to customize link previews.
      Learn more: -->
      <meta property="og:url" content=""/>
      <meta property="og:type" content="website"/>
      <meta property="og:title" content="Your Website Title"/>
      <meta property="og:description" content="Your description"/>
      <meta property="og:image" content=""/>
        <!-- Load Facebook SDK for JavaScript -->       
        <!-- Your share button code --> 
  </body> </html>

In case of Twitter

  • make sure you pre-pended http:// or https:// before the URL




Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s