How to Create Share To Messenger Button For Blogger

How to Create Share To Messenger Button For Blogger - One of the unfamiliar share buttons in Blogger is the share button to Messenger. Until now I have not found a blog that uses the share button to Messenger. Though this button is very useful to share posts to your friends who use the Messenger service.

With this share to Messenger button we can easily share blog posts that may be needed by our friends for a matter. The share to Messenger button does not use JavaScript so it can be used on AMP blogs or NON AMP blogs. For the share to Messenger icon also uses SVG so it is lightweight and easy to customize when combined with other share buttons.

I share this share to Messenger button to complete the share button on your blog so that your blog's share button becomes more complete and make it easier for visitors to share postings to various social media platforms. When the button share to Messenger is clicked, will go to the Facebook sharing page as in the picture below. You just type in the names of Facebook friends and add messages.

Well if you want to try to use the share button to Messenger like this, please follow the steps below. But there are some things that must be prepared to use the share to Messenger, among them:

• Create a Facebook application for your blog's Facebook page, if you already have it then please note the application ID.
• Create a "Thank You Have Shared" page, like 'this example' and please note the URL of the page.

If the 2 things above you have created, please use the following code to display the share button to Messenger.

<a expr:href='&quot;https://www.facebook.com/dialog/send?app_id=1234567890&amp;link=&quot; + data:post.url + &quot;&amp;redirect_uri=page-url-thanks&quot;' target="_blank" rel="nofollow noopener" title="Share to Messenger">
<svg class="messenger-icon" width="24" height="24" viewBox="0 0 24 24">
    <path fill="#0084ff" d="M12,2C6.5,2 2,6.14 2,11.25C2,14.13 3.42,16.7 5.65,18.4L5.71,22L9.16,20.12L9.13,20.11C10.04,20.36 11,20.5 12,20.5C17.5,20.5 22,16.36 22,11.25C22,6.14 17.5,2 12,2M13.03,14.41L10.54,11.78L5.5,14.41L10.88,8.78L13.46,11.25L18.31,8.78L13.03,14.41Z" />
</svg> <span>Messenger</span>
</a>

Please replace the code 1234567890 with your blog's Facebook application ID and replace the page-url-thanks code with the URL of the previous thanks page.

And add the following CSS to position the Messenger icon flat with text.

.messenger-icon{vertical-align:middle}

So the article I've discussed about how to create a button Share To Masenger in blogger, hopefully with a short enough article this can be useful for us, and good luck.

Share :