Skip to content

Instantly share code, notes, and snippets.

Created January 9, 2018 13:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anonymous/006643261f9e004f6d5c28de3d8ec59d to your computer and use it in GitHub Desktop.
Save anonymous/006643261f9e004f6d5c28de3d8ec59d to your computer and use it in GitHub Desktop.
Create Facebook Like Share Button
********************
Create Facebook Like Share Button >>>
********************
http://shurll.com/bz83x
(Copy & Paste link)
********************
Explore this Service Marketing Separate yourself from the competition with our intelligent, creative and ever-evolving marketing service. –Michael Jun 6 '14 at 12:10 4 Your approach requires an app id, that's a darn pain. This dialog is available in the Facebook SDKs for JavaScript, iOS, and Android by performing a full redirect to a URL. Explore this Service Twitter Design Want more Followers and Re-tweets? Our custom Twitter design services will make your home page the place to be for Web users. Required when using URL redirection. Den Code dann kopieren und im Quelltext Deiner Website einfgen und schon erscheint der Gefllt-mir-Button! . Das ist nicht nur unntig kompliziert, sondern erfordert auch eine Anmeldung und langweilt mit vielen technischen Details, die oft nur Experten verstehen. By clicking or navigating the site, you agree to allow our collection of information on and off Facebook through cookies. Hier kannst Du einfach Domain (bei der Box die URL zu deiner Facebook-Seite) angeben, den gewnschten Typ anhand der Vorschau auswhlen, und auf den grnen Button klicken - fertig! Dann den Code einfach an der Stelle im Quellcode Deiner Webseite einfgen, wo der Button erscheinen soll. shareimprove this answer answered Jul 8 '16 at 14:14 PizzaBoy 14719 add a comment up vote 0 down vote For Facebook share with an image without an API and using a # to deep link into a sub page, the trick was to share the image as picture= The variable mainUrl would be var d1 = $('.targ .t1').text(); var d2 = $('.targ .t2').text(); var d3 = $('.targ .t3').text(); var d4 = $('.targ .t4').text(); var descript = d1 + ' ' + d2 + ' ' + d3 + ' ' + d4; var descript = encodeURIComponent(descript); var imgUrl = 'path/to/mypic'+id+'.jpg'; var imgUrl = mainUrl + encodeURIComponent(imgUrl); var shareLink = mainUrl + encodeURIComponent('mypage.html#' + id); var fbShareLink = shareLink + '&picture=' + imgUrl + '&description=' + descript; var twShareLink = 'text=' + descript + '&url=' + shareLink; // facebook $(".my-btn .facebook").off("tap click").on("tap click",function(){ var fbpopup = window.open(" + fbShareLink, "pop", "width=600, height=400, scrollbars=no"); return false; }); // twitter $(".my-btn .twitter").off("tap click").on("tap click",function(){ var twpopup = window.open(" + twShareLink , "pop", "width=600, height=400, scrollbars=no"); return false; }); shareimprove this answer answered Oct 19 '16 at 22:24 t q 2,33143668 add a comment protected by animusonf Nov 17 '13 at 16:04 Thank you for your interest in this question. Jetzt Deinen eigenen Gefllt-Mir-Button einfach generieren: HTML Generator fr Like Button. Explore this Service How to redirect to another URL after WordPress Contact Form 7 Submission without using the onsentok hook method By the end of 2017 the Contact Form 7 plugins onsentok hook method for redirection will no longer be supported. .. more stack exchange communities company blog Tour Start here for a quick overview of the site Help Center Detailed answers to any questions you might have Meta Discuss the workings and policies of this site About Us Learn more about Stack Overflow the company Business Learn more about hiring developers or posting ads with us Log In Sign Up . Je mehr, desto besser! Also: schnell Deinen eigenen Gefllt mir Button einfgen und noch mehr Fans sammeln! . The difference is that you don't have a glut of taxpayers", message: "" }); }); }); Now finally add image button For more detailed kind of information. Facebook Gefllt-Mir Button einbinden. Blog Contact Us Free Tools Terms of Service . Ltd. I have researched a lot but did not get anything. Include open graph meta tags in the page at this URL to customize the story that is shared. It was a pleasure working with Ryan & Hunter and and would recommend Daddy Design to anyone looking for a web solution from an experienced team with great customer service. Bei normalen Webseiten einfach die genderte HTML-Datei per FTP hochladen. Keep your business at the top of the charts when it comes to data mining, social media and search engine results to keep your company fresh in the minds of customers new and old. –pixeline Oct 12 '13 at 10:24 6 See this how to do it in a popup: stackoverflow.com/a/14829742/560287 –John Magnolia Jan 14 '14 at 13:04 2 Yes, you can still use simple share links. – ESPN X Games WordPress Design Enhance your business through our custom Wordpress design and development services, with custom themes, widgets, blogs and layouts. Duck hunt.RT tompedalino: Toadsanime SMASH SMASH SMASH SMASH! Daddy Design Partner with us on your next project Request A Free Quote or call 1.888.987.1961 Browse Our Work Web Design WordPress Design Responsive Design Facebook Design Logo Design Twitter Design Print Design Explore Core Services WordPress Design Responsive Design WooCommerce Design Facebook Design Twitter Design Logo Design Print Design All Services Find Out More Studio Clients Testimonials Blog Careers Request A Free Quote Custom Landing Pages Contact Us Follow Us RSS Feed Facebook Twitter Instagram Google+ LinkedIn StumbleUpon Message us on Facebook 2018 Daddy Design, LLC. All you need are the following lines: Share on Facebook Documentation can be found at shareimprove this answer edited Aug 15 '13 at 23:41 answered May 9 '13 at 15:04 asifrc 3,94521222 7 Don't really like this option. Thanks in advance. –horseyguy Feb 10 '15 at 16:36 This one is still working like a charm! Excellent piece of work! –Coding Freak Jan 27 '17 at 19:27 add a comment up vote 12 down vote You can read more about share button here on Facebook developers website Working JSFIDDLE Also take a look at custom Facebook Share button JSFIDDLE Include Facebook JavaScript SDK code right after the opening tag (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/enUS/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); And place below code wherever you want to show Facebook Share button Check working JSFIDDLE shareimprove this answer edited Apr 21 '14 at 6:36 answered Apr 21 '14 at 5:58 Subodh Ghulaxe 12k96688 7 Is it possible this code doesn't work anymore? Not even in jsfiddle –erdomester May 11 '14 at 7:09 7 Yep having serious trouble getting this working myself. Pleas help me in this 5a02188284
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment