Como poner botones sociales que comparta de forma dinámica

Quería preguntarles si ustedes me pueden ayudar a poner botones sociales (Twitter, facebook, g+) que comparta el contenido que el usuario esta viendo.
Mi página web es dinámica hecha en php, por lo tanto tengo una plantilla y el contenido se rellena de forma dinámica, y es aquí donde tengo el problema. No se como hacer que el botón capte una imagen, la descripción y el titulo de la página en la que el usuario está.
Me imagino que se hará con javascript, pero no se como.

3 respuestas

Respuesta
1

En que estas desarrollando la pagina web ¿? Depende de eso te doy respuesta

Hola david que tal. La estoy desarrollando con Laravel 5.1. Es decir con php. Ya tengo todo el backend hecho y el frontend estoy como al 85%, en las zonas donde voy as poner los botones les deje un include, para hacerlo más practico y no tener que repetir código.
Saludos

<!-- Hupso Share Buttons - http://www.hupso.com/share/ --><div class="hupso-share-buttons"><a class="hupso_toolbar" href="http://www.hupso.com/share/"><img src="http://static.hupso.com/share/buttons/share-medium.png" style="border:0px; padding-top:5px; float:left;" alt="Share Button"/></a><script type="text/javascript">var hupso_services_t=new Array("Twitter","Facebook","Email","Google Plus","Print","Pinterest","Linkedin","Tumblr");var hupso_toolbar_size_t="medium";</script><script type="text/javascript" src="http://static.hupso.com/share/js/share_toolbar.js"></script></div><!-- Hupso Share Buttons -->

Este es el código que uso es de HUPSO Share Buttons, si pones este código sera con mi cuenta je je usalo si deseas no tengo problema, pero si deseas create tu propia cuenta

Muchas gracias por tu ayuda, esto me ahorrara mucho trabajo.
Saludos

De nada amigo.. estamos para servir y apoyarnos, solo un favor dale like a www.facebook.com/loretosofteirl y comparte siquiera una vez www.loretosoft.com :D (Y) saludos desde Iquitos - Perú

Respuesta

Te dejo este artículo en el que tienes varias formas para instalarte los botones.

http://www.informacionyarte.com/cinco-plugins-sociales-imprescindibles-para-promocionar-tu-blog/ 

La opción de de Share This es muy recomendable puesto que te permite copiar el código directamente en tu web.

Gracias por la respuesta. Veré  lo que me contaste y te cuento como fue.
Saludos

Hola Samuel que tal.
Probé el recurso que me comentaste, pero con share this al dar clic en compartir en facebook por ejemplo no se muestra la imagen. Solo comparte el titulo y la descripción. Así que quedo igual que al comienzo. Tu sabes como solucionar el problema.
Saludos

Pues hace ya mucho tiempo que no utilizo Share This pero recuerdo que incluía varias opciones a la hora de pegar el código en tu web o blog.

Share This ofrece varias integraciones diferentes a la hora de diseñar los botones, quizás ahí pueda solucionarte el tema.

De todas formas, si trabajas con wordpress tienes los plugins que te ofrecen otras opciones que se detallan el artículo.

No trabajo con wordpress por varias razones. La verdad es que yo soy programador, pero me encuentro trabajando unos proyectos por mi cuenta y esta parte de integrar cosas ajenas a la lógica de programación claramente no son mi fuerte.
averigüe en la documentación de share this y recomiendan que indiques a mano una meta etiqueta para poner la imagen que quieres, pero la verdad es que ni ellos tienen muy claro como hacerla funcionar.
Creo que lo mejor sera que yo haga un código funcional y así dejar de depender de servicios externos regulares.
agradezco tu ayuda.

Saludos

Respuesta
-1

Ok te daré una pista, estudia los meta og:title, meta og:image, y hay otros meta og que te servirán para eso

Un ejemplo que hice con php

<title><?php echo utf8_encode($row_CurrentProductoSet['title']); ?></title>
<meta name="description" content="<?php echo substr(utf8_encode($row_CurrentProductoSet['description']), 0, 155 ); ?>" />
<meta name="keywords" content="<?php echo utf8_encode(strtolower(implode(", ", $arr_kws))); ?>" />
<!-- Add the following three tags inside head. -->
<meta itemprop="name" content="<?php echo utf8_encode($row_CurrentProductoSet['title']); ?>">
<meta itemprop="description" content="<?php echo substr(utf8_encode($row_CurrentProductoSet['description']), 0, 155 ); ?>">
<meta itemprop="og:title" content="<?php echo utf8_encode($row_CurrentProductoSet['title']); ?>">
<meta itemprop="og:description" content="<?php echo substr(utf8_encode($row_CurrentProductoSet['description']), 0, 155 ); ?>">
    <?php if($totalRows_AllImagenesDeProductos > 0){ ?>
<meta property="og:image" content="<?php echo $pictures_location . $row_AllImagenesDeProductos['imagen_grande']; ?>"/>
<link rel="image_src" href="<?php echo $pictures_location . $row_AllImagenesDeProductos['imagen_grande']; ?>" />
    <?php } ?>

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas