php - redes - social media buttons html
Alternativa de código abierto para AddThis AddToAny, ShareThis etcfor Social Bookmarking (3)
¿Alguien vio la noticia de que AddThis está utilizando una nueva forma de cookies de seguimiento llamada Lienzo de huellas digitales que permanece para siempre?
Creo que necesitamos algunas alternativas de código abierto como http://expando.github.io/
Antes de intentar reinventar la rueda, pensé en preguntarle a los expertos.
Estoy buscando un botón de marcador social múltiple que me permita permitir que las personas recomienden páginas particulares de mi sitio web a su red social favorita / lector de páginas / motor de búsqueda.
Restricciones (y razones por las que no quiero usar ShareThis)
El enlace publicado tiene que ser el enlace real, no un enlace abreviado. Las listas de personas se comparten. Quiero que el enlace muestre mi dominio.
El script debe ser servido desde mi propio servidor. Sospecho de las páginas web que llaman scripts de otro dominio, y no quiero hacer eso desde mi dominio.
NO debe haber contacto entre el cliente y ninguno de los sitios sociales hasta que haga clic en un ícono del sitio social.
La secuencia de comandos debe estar bien documentada internamente, al menos como fuente: los scripts de nombres de variables cortos sin comentar compactados no necesitan aplicarse.
El script está incrustado en una página web estática, no en un CMS.
Investigación preliminar:
El blog de Koehl tenía una serie sobre esto en 2009, luego el tema se desvaneció. En ese punto recomendó iBegin, que posteriormente se convirtió en Share, y se ejecutó desde un sitio llamado Enthropia.com. Al revisar ese sitio, hay una demostración publicada que está claramente desactualizada.
En un momento dado, AddToAny permitiría el alojamiento en su propio servidor, pero todavía usaban el script para rastrear el uso de la web de cada usuario, alegando un anonimato adecuado. Derecha. No, gracias.
Otro, OpenLike tiene un servidor web muerto.
Una búsqueda en SourceForge ha quedado vacía. (Intenté buscar nombres como AddThis, AddToAny, Sharethis, seguidos de búsquedas para stumbleupon, reddit, digg, google plus. Nada relevante).
En este punto, tengo que leer y comprender la API de cada sitio objetivo para poder escribir un script local que haga lo correcto. No es trivial.
En muchos sentidos, lo ideal sería: * Una serie de íconos en tamaño y estilo * que cada uno abre una página web en la página de destino (p. Ej., FB, G +, StumbleUpon ..) * con parámetros de URL apropiados para esa página.
Pero no creo que la mayoría de estos sitios tengan una interfaz tan simple.
La respuesta es simple. El ideal anterior funciona, por lo que se trata principalmente de encontrar el código y los iconos correctos. El elemento clave en mi búsqueda fue ''compartir por URL''
Ejemplo 1
Esto es de otra publicación en este sitio:
Botones de Facebook, Twitter y Google +1 usando solo HTML (sin Javascript)
http://www.facebook.com/sharer.php?u=http://example.com
http://twitter.com/share?url=http://example.com&text=Description
https://plusone.google.com/_/+1/confirm?hl=en&url=http://example.com
Ejemplo 2
Ver los botones para compartir de Wordpress sin JS o complementos
<div class="social-button-container">
<div class="share_top_text">Share this post on:</div>
<div class="SocialCustomMenu">
<a class="scmTwitter" href="http://twitter.com/home/?status=<?php the_title();?> - <?php echo wp_get_shortlink();?> via @kenmata "title="Tweet this!">Twitter</a>
<a class="scmFacebook" href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?> - <?php echo wp_get_shortlink();?> "title="Share on Facebook!">Facebook</a>
<a class="scmGoogleplus" href="https://plus.google.com/share?url=<?php the_permalink();?> - <?php echo wp_get_shortlink();?> "title="Share on Google +!">Google +</a>
<a class="scmPinterest" href="http://pinterest.com/pin/create/button/?url=<?php the_permalink();?> - <?php echo wp_get_shortlink();?> "title="Share on Pinterest!">Pinterest</a></a>
</div>
</div>
Si bien estos son nominalmente wordpress, deberían funcionar con algunas modificaciones con cualquier servidor web que use php. O pueden convertirse fácilmente para usar el kit de herramientas de plantillas
Ejemplo 3:
Menos enlaces de redes sociales es otro ejemplo de HTML de aspecto muy limpio.
Extrañas algo de funcionalidad con esto:
- Sin contadores Por supuesto, podría implementar contadores localmente.
- Para Facebook, las personas no pueden ver cuál de sus amigos les gustó. No es un gran motivador para mí.
- En este punto, encontrar los códigos para cada servicio es un obstáculo.
Detalles específicos:
- Si alguien ya ha consolidado una lista de compartir por URL, no dude en publicarla aquí. NO he verificado todo lo siguiente.
- TITLE es el título compartido. Algunos servicios lo aceptarán citado. Otros deben estar en formato URL: por ejemplo, los espacios son% 20 La URL debe ser totalmente calificada como absoluta.
digg http://digg.com/submit?phase=2&url=URL&title=TITLE
delicioso http://del.icio.us/post?url=URL&title=TITLE
stumbleupon http://www.stumbleupon.com/submit?url=URL&title=TITLE
facebook http://www.facebook.com/sharer.php?u=URL&title=TITLE
reddit http://reddit.com/submit?url=URL&title=TITLE
Technorati http://technorati.com/faves?add=URL
orkut http://promote.orkut.com/preview?nt=orkut.com&du=URL&tt=TITLE
myspace http://www.myspace.com/Modules/PostTo/Pages/?u=URL&title=TITLE
twitter https://twitter.com/intent/tweet?url=URL&text=TITLE&via=TWITUSER
yahoo http://myweb2.search.yahoo.com/myresults/bookmarklet?t=TITLE&u=URL
google (marcador) http://www.google.com/bookmarks/mark?op=add&bkmk=URL&title=TITLE
No está claro en la distiction entre google + y plusone.
documentación de google (compartir en Google+) en https://developers.google.com/+/plugins/share http://plus.google.com/share?url=URL
google recomienda en plusone. https://plusone.google.com/_/+1/confirm?hl=en&url=URL
adiciones a la lista de @Sherwood Botsford
flipboard http://share.flipboard.com/flipit/load?v=1.0&url=URL&title=TITLE
tumblr http://www.tumblr.com/share/link?url=URL&name=TITLE&description=TITLE
blogger http://www.blogger.com/blog_this.pyra?t=&u=URL&n=TITLE
evernote http://www.evernote.com/clip.action?url=$URL&title=TITLE
getpocket http://getpocket.com/save?url=$URL&title=TITLE
Editar - lyteshare.js es un lite javascript podría mejorarse para agregar más servicios
Más fuentes para más enlaces
Dos listas muy compulsivas:
ss.js en github le da a este pinterest share, que funciona para cualquier cosa nunca antes incluida, sin script, aunque pinterest
https://pinterest.com/pin/create/bookmarklet/?url={url}&media={image}&is_video={is_video}&description={title}
intercambio personalizado de netvibes con Buffer, Baidu, hootsuite y más