facebook - publicacion - plugin redes sociales wordpress 2018

Enlaces de redes sociales con iconos personalizados

Question

Estoy buscando información actual sólida sobre la creación de iconos de compartir personalizados para lo siguiente.

• Facebook
• Gorjeo
• Google +
• LinkedIn
• Pinterest

Toda la documentación que sigo recibiendo parece referirse al uso de sus botones social como / 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 al usar los botones "compartir" como "nativos" (lo siento, no estoy seguro de qué otra cosa llamar), pero no son muy bonitos para ser honestos.

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

Aclamaciones.

Answer 1

A continuación, se proporcionan los enlaces necesarios para compartir redes sociales.

Facebook

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

Gorjeo

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 algunos otros enlaces de URL personalizados a redes sociales y una guía de implementación desde aquí - Cómo crear enlaces personalizados de redes sociales

Answer 2

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

Use en su lugar

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

Fuente: https://dev.twitter.com/web/tweet-button

Answer 3

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ás un bonito botón de Facebook con ícono y contador.

Answer 4

La solución sugerida por Grzegorz está en desuso y no es realmente la mejor manera de hacerlo. Para Facebook, solo tiene que cargar el JS SDK ( https://developers.facebook.com/docs/reference/javascript/ ) y llamar al método de alimentación de la interfaz de usuario al hacer clic en su botón personalizado. Más detalles sobre el método de IU: 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 de primera y no estoy seguro de que todas ellas ofrezcan alternativas.

Siga buscando, probablemente no haya profundizado lo suficiente, me llevó 2 minutos encontrar el enlace para Twitter :)

Answer 5

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

Muchas redes sociales en realidad brindan pautas sobre cómo usar sus logos, compartir íconos y otros enlaces. Algunos son más flexibles que otros sobre ese tema.

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

"Hazlo 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 les pidió a algunos sitios web que vendían conjuntos de iconos con logotipos de redes sociales personalizadas que los eliminaran de su lista de productos.

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

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

• Facebook: https://www.facebookbrand.com/
• Twitter: https://about.twitter.com/company/brand-assets
• Google+: https://developers.google.com/+/branding-guidelines
• StumbleUpon: http://www.stumbleupon.com/press/stumbleupon-image-use-guidelines
• Delicioso: http://delicious.com/branding
• LinkedIn: https://brand.linkedin.com/
• Tumblr: https://www.tumblr.com/logo
• Reddit: https://www.reddit.com/about/alien/
• etc.

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

Alguna fuente para la información anterior si quieres leer más:

• http://www.evolvecreativegroup.com/the-secretly-strict-brand-guidelines-of-social-media/
• https://www.quora.com/Internet-Law-Is-it-legal-to-alter-Facebook-and-Twitter-icons-to-match-the-rest-of-your-website
• https://webmasters.stackexchange.com/questions/54499/putting-altered-social-media-logo-icons-on-my-website-can-i-get-sued
• http://www.kgshultz.com/using-modified-social-media-icons/
• https://www.nosegraze.com/allowed-use-modified-social-media-icons/

Espero que esto ayude.

Answer 6

Para personalizar los botones y los conteos de acciones de diferentes redes sociales y servicios de intercambio de URL, puede usar un servidor proxy. El servidor de botones sociales Meddelare hace exactamente esto (digo, soy el desarrollador detrás de Meddelare).

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

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

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

Answer 7

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>

Por lo demás: Lo siento, pero no puedo ayudarte.

Answer 8

Solo una actualización rápida de 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, solo agregue este código de JavaScript después de los href:

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

Este código de 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>

Answer 9

Un repositorio de github que se actualiza y vuelve a probar regularmente, con lo que parece ser unos ~ 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 hoy servicios inexistentes. Además, faltan algunos importantes, Skype, etc.

Answer 10

A continuación, le ofreceré los diferentes 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]

Marcadores de Google

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]