Social Share Buttons - JavaScript Tutorial

No video

Social Share Buttons - JavaScript Tutorial

Рет қаралды 16,024

OpenJavaScript

Күн бұрын

Пікірлер: 41

@OpenJavaScript Жыл бұрын

Thanks for watching! 🔗 Source code: openjavascript.info/2022/12/17/social-media-share-buttons-with-vanilla-javascript/

@ahmadbenchakhtir5787 6 ай бұрын

IMPORTANT: The web page that u got the url from should have a tag with tags to defined the thumbnail pic.

@Ro_V_oR 3 ай бұрын

good point

@dannybribiesca 3 күн бұрын

Thank you! You're a lifesaver!!

@getoverhere1225 Жыл бұрын

This is the best tutorial I've seen so far. Thank you for keeping it simple and actually talking step-by-step through the tutorial. Can you give links in your description to find the proper resources to make sure the social Links are up-to-date.

@OpenJavaScript Жыл бұрын

Thank you for the feedback. And as for the links, I'm trying to keep them up to date on this blog post (includes a live example you can try out): openjavascript.info/2022/12/17/social-media-share-buttons-with-vanilla-javascript/ Whatsapp and Telegram link are also included there.

@mazvydasgaigalas9359 10 ай бұрын

Smooth and easy ! Thanks

@michaelzahgar7773 Жыл бұрын

You are the Best ,, thank you so much

@OpenJavaScript Жыл бұрын

Not sure I'm the best but you're welcome and glad you liked the vid :)

@dalskiBo 8 ай бұрын

Nice detail - thanks

@ucthainguyen289 Жыл бұрын

Thank u so much!!

@OpenJavaScript Жыл бұрын

No problem, you're welcome! Thanks for watching!

@ShivaGurung-kl5jj 6 ай бұрын

thank you for the helpful video

@A_SaimaChowdhury 7 ай бұрын

Thanks...😊

@damircicic 4 ай бұрын

This does not seem to work anymore. The link that is shared is always the homepage link. Does anyone else has the same problem, and does anyone have a solution?

@Ro_V_oR 3 ай бұрын

I advice grabbing the base share link from a social share link generator as alot tend to have the most recent links. The one he used would have gotten outdated as updates continue to roll

@mohamed404eg Жыл бұрын

thanks

@alexandremorey8993 Жыл бұрын

Hi There, do you know how I can share the score for a game like wordle? (the black, green, and yellow squares)

@OpenJavaScript Жыл бұрын

First, you'd need the score you want to share somehow (I'm assuming you have a game running the browser yourself). Then, you 'dprobably would want to share the score as an image to various social media platforms. You could do this using the HTML5 Canvas API to create a new image featuring the score and then sending the image as part of a query string to the platform you want to share one.

@alexandremorey8993 Жыл бұрын

@@OpenJavaScript THank you very much, this helps a lot :)

@yossiyun Жыл бұрын

Awesome. I am trying to implement this in a React project. Does Linkedin not support the title parameter?

@OpenJavaScript Жыл бұрын

When researching for this video, I looked but it does not seem the LinkedIn API supports a title parameter. Good luck!

@yossiyun Жыл бұрын

@@OpenJavaScript Alright.. Thanks

@Ro_V_oR 3 ай бұрын

@@yossiyun LinkedIn supports a title parameter in 2024

@yossiyun 3 ай бұрын

@@Ro_V_oR Thanks

@Dinesh29293 8 ай бұрын

I am not able to find the accepting query string for whatsapp! Can anybody help me out??

@seca021 Жыл бұрын

Great video! Thanks. What are the href's for WhatsApp or Viber?

@OpenJavaScript Жыл бұрын

Not sure about Viber but I posted the WhatsApp one on the related blog post for this video: openjavascript.info/2022/12/17/social-media-share-buttons-with-vanilla-javascript/

@Nasir127sb Жыл бұрын

best explain

@OpenJavaScript Жыл бұрын

Glad you found it useful :)

@user-uw7wn3wc8c 8 ай бұрын

how to do in multiple share in multiple article same page?

@Ro_V_oR 3 ай бұрын

You will have to develop that solution by yourself. I can't honestly understand your comment but if you mean multiple links in the same page then you can make multiple buttons for diff shares

@shobhitkumar_shorts Жыл бұрын

From where I can get all platforms url?

@OpenJavaScript Жыл бұрын

I don't know if there is one. But I am trying to keep the major ones up to date on this page: openjavascript.info/2022/12/17/social-media-share-buttons-with-vanilla-javascript/ Let me know if there are any missing that you think I should add.

@Ro_V_oR 3 ай бұрын

I advice making use of the links from social share generators. These are usually up-to-date since his blog was last updated in 2022

@Voterite Жыл бұрын

How to create whatsapp share button ? Thanks

@OpenJavaScript Жыл бұрын

That's an interesting question! I'll try to do a tutorial on it soon as others may find it interesting. For now, this should help you out, using the same method as in the video: api.whatsapp.com/send?phone=44XXXXXXXXXX&text=url Don't forget that the value for text should be a url-encoded string!

@unLinuxeroMas Жыл бұрын

how i can do others bottuns for telegram whatsapp y messenger

@OpenJavaScript Жыл бұрын

All here: openjavascript.info/2022/12/17/social-media-share-buttons-with-vanilla-javascript/ I'm trying to keep this page up to date for the future (as updating the video is not so easy!) BTW: For messenger, that's an option that you would select after choosing to share on FB.

@unLinuxeroMas Жыл бұрын

@@OpenJavaScript thanks so much ñaño

@OpenJavaScript Жыл бұрын

@@unLinuxeroMas You're welcome :)