Adding Live Social Posts To Your Website

 

Post Update: I recently discovered Share Link Generator which will format the links for you. However, check the link before adding it to your content to ensure it displays correctly (without typos) for your readers. To learn how to make these on your own, the article below will step you through the process.

 

Embed Twitter, LinkedIn, and Facebook On Your Website

Have you noticed how some blogs have interactive content? How about a line of text or an image that turns into a Tweet with a just a click?

It’s not a plugin or pricey add-on to your blog account; it’s merely code – code even a right brain creative type can produce.

Making Custom Twitter Re-share Links.

It starts with the URL.

  • Highlight the text or image you want to make tweetable and click to add a link.
  • Type: https://twitter.com/intent/tweet?text= [Your Message]  (Replace Spaces with %20)

Here’s an example:

https://twitter.com/intent/tweet?text=How%20to%20customize%20share%20options%20on%20Twitter%20via%20JudithGaines.com

Now give it a test run.

Want to add an image to your custom tweet?

TweetStats-JPGWRITER

Post the image on your feed, then copy the Twitter picture URL and paste it to the end of your custom URL. (Don’t forget to include %20 to add spaces.)

Let’s say you want to include a Tweet on your blog that readers click to retweet or follow you? Publish your tweet, then find it in your feed and look for the stats bar underneath. Click on the “•••” to bring up the menu as shown below.

Select ‘Copy link to Tweet’ and then paste it into your WordPress blog copy to get a native image and clickable link to the post.

If your blogging platform supports embedding code, that’s another way to add a Twitter card to your site.

On WordPress, use the Text view of your draft to add the code and have it display as an interactive image on your site.

How else can you use this new power of social media sharing?

Facebook, LinkedIn, and Google+ also support sharing in the same manner. It’s all about the code. These networks will automatically pull text from your site to create the look of the card. All you need to do is add your URL to the end of the codes below:

Always test your share URL, so you know what it will look like for your readers when they click.

By activating share buttons on your blog, you give readers an easy way to spread your content. When you give readers the option to share as they read, the impulse to click has the opportunity to take over.

So, at the end of the day sharing is less about technology and code, it’s psychology. It’s giving readers an easy way to connect, identify and share what they like while they’re in the moment.

If you found this helpful, please consider passing it along to friends and followers.

Have a great week!

JPG



Categories: Marketing

Tags: , , , , , , , , ,

%d bloggers like this: