Estoy tratando de tener una funcionalidad para compartir fb/twitter en mi aplicación angular, pero no puedo entender esto.
Leí esta documentación: https://developers.facebook.com/docs/sharing/reference/share-dialog#jssdk
Pero luego tuve las mismas preguntas en mi cabeza como el autor de esta publicación SO: Usar Facebook SDK en Angular 2
Sin embargo, no veo ninguna respuesta funcional.
Así que solo quería hacer que cualquier botón funcionara para comenzar desde allí y usé el código de este ejemplo: https://developers.facebook.com/docs/plugins/share-button/#example
Pero ni siquiera puedo ver el botón. ¿Puede alguien darme una pista por dónde empezar? Ni siquiera sé qué preguntar. Pensé que compartir la funcionalidad debería ser fácil
mi índice.html:
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta property="og:url" content="http://anything/index.html" /> <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="https://www.your-domain.com/path/image.jpg" /> </head> <body> <div id="fb-root"></div> <script> (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 = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0'; fjs.parentNode.insertBefore(js, fjs); })(document, 'script', 'facebook-jssdk'); </script>miComponente.componente.ts:
<div class="fb-share-button" data-href="http://anything/index.html" data-layout="button_count">SHARE!!</div>Prueba esto una vez
Para compartir en Facebook -
websiteUrl = 'La URL que desea compartir';
<button type="button" data-href="websiteUrl"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={{websiteUrl}}&src=sdkpreparse">Facebook</a></button>Para compartir en Twitter -
<button><a href="https://twitter.com/intent/tweet?text=text goes here {{websiteUrl}}&hashtags=hashtag1,hashtag2" target="_blank">Twitter</a> </button>O
<button><a href="http://twitter.com/share?text=text goes here&url={{websiteUrl}}&hashtags=hashtag1,hashtag2,hashtag3" target="_blank">Twitter</a> </button>