it-swarm-es.com

Compartir enlaces sociales con iconos personalizados

Estoy buscando información actualizada sobre la creación de íconos compartidos personalizados para lo siguiente.

  • Facebook
  • Gorjeo
  • Google +
  • LinkedIn
  • Pinterest

Toda la documentación a la que sigo llegando parece ser sobre el uso de SUS botones de "me gusta/compartir", que la mayoría de las veces creo que no son muy atractivos. Cosas como socialite.js ayudan a lidiar con algunos de los otros problemas que surgen cuando se usan los botones "compartir" como "nativos" (lo siento, no estoy seguro de cómo llamarlos), pero no son muy bonitos para ser honestos.

Cualquier material de referencia/tutoriales u orientación sería impresionante.

Aclamaciones.

71
bigmadwolf

A continuación, voy a ofrecerle los diversos URL de servicios

Gorjeo

http://Twitter.com/home?status=[TITLE]+[URL]

Digg

http://www.digg.com/submit?phase=2&url=[URL]&title=[TITLE]

Facebook

http://www.facebook.com/share.php?u=[URL]&title=[TITLE]

Tropezar con

http://www.stumbleupon.com/submit?url=[URL]&title=[TITLE]

Delicioso

http://del.icio.us/post?url=[URL]&title=[TITLE]]&notes=[DESCRIPTION]

Linkedin

http://www.linkedin.com/shareArticle?mini=true&url=[URL]&title=[TITLE]&source=[SOURCE/DOMAIN]

Slashdot

http://slashdot.org/bookmark.pl?url=[URL]&title=[TITLE]

Technorati

http://technorati.com/faves?add=[URL]&title=[TITLE]

Tumblr

http://www.tumblr.com/share?v=3&u=[URL]&t=[TITLE]

Reddit

http://www.reddit.com/submit?url=[URL]&title=[TITLE]

Google Bookmarks

http://www.google.com/bookmarks/mark?op=edit&bkmk=[URL]&title=[title]&annotation=[DESCRIPTION]

Newsvine

http://www.newsvine.com/_tools/seed&save?u=[URL]&h=[TITLE]

Ping.fm

http://ping.fm/ref/?link=[URL]&title=[TITLE]&body=[DESCRIPTION]

Evernote

http://www.evernote.com/clip.action?url=[URL]&title=[TITLE]

Google+

https://plus.google.com/share?url=[URL]
177
Baskaran

Solo una actualización rápida en estos enlaces, aquí hay un enlace para Google+

https://plus.google.com/share?url=[URL]

Ahora, si desea que esos enlaces se abran en una nueva ventana, simplemente agregue este código javascript después de href:

onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"

Este código javascript funciona con Twitter, Google+ y Facebook (tal vez algún otro, pero no he probado ninguna otra red social).

Ejemplo para WordPress:

<a href="https://plus.google.com/share?url=<?php the_permalink(); ?>" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">Here you can add text, image, whatever.</a>
15
Ratko Solaja

A continuación se proporcionan los enlaces para compartir personalizados de las redes sociales requeridos.

Facebook

http://www.facebook.com/sharer.php?u=[EncodedURL]

Twitter

http://Twitter.com/share?text=[TITLE]&url=[URL]

Google +

https://plus.google.com/share?url=[EncodedURL]

LinkedIn

http://www.linkedin.com/shareArticle?mini=true&url=[EncodedURL]

Pinterest

http://pinterest.com/pin/create/button/?url=[EncodedURL]&media={[MEDIA]}&description=[TITLE]

Puede encontrar otros enlaces a URL personalizados de redes sociales y una guía de implementación aquí - Cómo crear enlaces personalizados para compartir en redes sociales

7
JoyGuru

La solución sugerida por Grzegorz está en desuso y no es realmente la mejor manera de hacerlo. Para Facebook, solo necesita cargar el SDK de JS ( https://developers.facebook.com/docs/reference/javascript/ ) y llamar al método de alimentación de IU al hacer clic en su botón personalizado. Más detalles sobre el método de UI: https://developers.facebook.com/docs/reference/javascript/FB.ui/

Para Twitter: https://dev.Twitter.com/docs/Tweet-button#build-your-own

Tendrás otras opciones para LinkedIn, Google+, etc., pero no las conozco desde el principio y no estoy seguro de que ofrezcan alternativas.

Sigue buscando, es probable que no hayas excavado lo suficiente, me tomó 2 minutos encontrar el enlace para Twitter :)

7
Claudiu

Para compartir en Facebook, simplemente puede agregar este enlace a cualquier objeto:

<a href="http://www.facebook.com/sharer.php?u=<url to share>
&t=<title of content>">link or image</a>

Para el resto: Lo siento, pero no puedo ayudarte.

4
Grzegorz Ciwoniuk

Con el fin de personalizar los botones así como los recuentos de compartir de diferentes redes sociales y servicios de intercambio de URL, puede utilizar un servidor proxy. El servidor de botones sociales Meddelare hace exactamente esto (FYI, soy el desarrollador detrás de Meddelare).

Meddelare : Esta es una alternativa de código abierto y auto hospedada para compartir servicios como AddThis y ShareThis. Debido a que usted ejecuta el servidor proxy, también está defendiendo la privacidad de sus usuarios contra el seguimiento de las redes sociales. Los usuarios solo participan en su seguimiento una vez que deciden hacer clic en un botón de compartir, nunca implícitamente solo porque visitaron su página.

Existen varias versiones: un servidor independiente , middleware para su servidor Express.js y un backend para soluciones completamente personalizadas .

Screenshot of a Meddelare example

Consulte ejemplos de Meddelare para el JSON/JSONP que obtiene del servidor más el uso del script.

3
Joel Purra

Esta es mi solución para facebook en php. Supongo que puedes hacer simular para otras redes sociales.

function customFShare() {
    $like_results = @file_get_contents('http://graph.facebook.com/'. get_permalink());
    $like_array = json_decode($like_results, true);
    return (isset($like_array['shares']) ) ? $like_array['shares'] : "0";
}
function fShareButton() {
    return "<a data-share='http://www.facebook.com/sharer/sharer.php?u=". $your_url_here ."' href='#' rel='nofollow'><i>Icon</i> <span>". customFShare() ."</span></a>";
}

HTML

<div class="facebook-share">
    <?php echo fShareButton(); ?>
</div>

JQuery

jQuery(document).on("click",".facebook-share > a", function (e) {
        e.preventDefault();
        var winHeight = 350,
            winWidth = 520,
            winTop = (screen.height / 2) - (winHeight / 2),
            winLeft = (screen.width / 2) - (winWidth / 2),
            link = $(this).data('share');
        window.open(link, 'sharer', 'top=' + winTop + ',left=' + winLeft + ',toolbar=0,status=0,width=' + winWidth + ',height=' + winHeight);
    });

Obtendrá el botón de Facebook agradable con el icono y el contador.

1
zarcode

Un repositorio de github que se actualiza y se vuelve a probar regularmente, con lo que parece ser alrededor de 50 o 60 servicios enumerados.

https://github.com/bradvin/social-share-urls

Esto es mucho mejor que la respuesta aceptada. NewsVine, Delicious, Slashdot, Ping.fm, etc., son todos servicios inexistentes en la actualidad. Además, faltan algunos importantes, Skype, etc.

0
HoldOffHunger

Ninguna de las respuestas aquí parece responder realmente a la pregunta OP. Así que aquí está mi intento:

Muchas redes sociales en realidad ofrecen lineamientos sobre cómo usar sus logotipos, compartir iconos y otros enlaces. Algunos son más flexibles que otros sobre ese tema.

Por supuesto, en la mayoría de los casos, no se ajustarán muy bien a su diseño y es posible que desee personalizarlos con sus propios colores de tema/sitio web.

"Haz esto bajo tu propio riesgo" es probablemente la mejor respuesta que obtendrás.

No soy abogado (¡así que esto no es un consejo legal!), Pero por lo que pude leer en diferentes artículos, se pidió a algunos sitios web que eran conjuntos de íconos vender con logotipos personalizados de redes sociales que los eliminaran de su lista de productos.

Hay pocas posibilidades de que Facebook, Twitter o cualquier otra empresa de redes sociales lo demanden (aunque probablemente lo hagan) por haber personalizado sus iconos/logotipos para su blog personal o sitio web, pero si desea cubrirse, probablemente quiera considerar siguiendo sus pautas ...

Aquí hay algunos enlaces a las guías de marcas de redes sociales:

Puede buscar en la web "[marca comercial] pautas de marca" para encontrar estas pautas para casi todas las redes sociales.

Alguna fuente de la información anterior si desea leer más:

Espero que esto ayude.

0
MrUpsidown

Formato de enlace de Twitter http://Twitter.com/home?status=[TITLEID+◆URL] está en desuso y ya no funcionará para la aplicación iOS de Twitter.

Utilizar en su lugar

https://Twitter.com/intent/tweet?text=[TITLE]+[URL]

Fuente: https://dev.Twitter.com/web/Tweet-button

0
xyz