Lucho, bienvenido al foro. Integrar una fotografía panorámica con redes sociales es muy sencillo. Debes tener algún conocimiento en lenguaje HTML para que se te facilite la labor. Pero vamos, que es muy fácil.
En este tutorial te explicaremos cómo integrar los botones de redes sociales con tu panorámica en tan solo 5 minutos.
Yo he utilizado el servicio de Share This que te ahorrará mucho código es realmente fácil. Entonces te sugiero seguir estos pasos:
1. Crea una cuenta con Share This. (1 minuto)
Esto lo puedes hacer con tu cuenta de Facebook o Twitter, inclusive, en un solo clic. Es fácil. Entra aquí: http://www.sharethis.com/
2. Crea tu widget (2 minutos)
En el menú de Share This haz clic en el vínculo “Get Sharing”. Escoge la plataforma que vas a usar, que para este caso es un sitio web “WWW”. Haz clic en el vínculo “Next” y selecciona el estilo que más te guste. Continúa al tercer paso y escoge qué botones de redes sociales deseas utilizar, así como el tamaño. Finalmente haz clic en el botón “GET THE CODE”. ¡Genial! Ya tienes el código que vas a incluir en tu panorama.
3. Pega el código en tu panorama (2 minutos)
Bien sea que produzcas el tour virtual con Easy Pano, KR Pano, PanoTour, Flash Panorama Player, PTGUI, Salado Player o Pano2VR, siempre tendrás un archivo HTML, normalmente llamado “index.html”.
++++++++++++++++
Nota 1: En caso de que no lo tengas con este nombre, puedes hacer clic en cualquier archivo de extensión HTML que tengas en la raíz de la carpeta de tu panorama generado. Algunos programas lo nombran como “tour.html”.
Nota 2: Y en caso de que no tengas ningún archivo HTML, deberías revisar el proceso de exportación del tour virtual con el software que manejes, pues algunas veces los programas solo crean el archivo SWF. Si ese es tu caso, será imposible incluir los iconos de redes sociales al interior del archivo SWF. Debes tener, por lo tanto un archivo HTML para poder continuar.
++++++++++++++++
Abre en un programa como Dreamweaver o en un bloc de notas el archivo HTML. Debes introducir el código generado por ShareThis de la siguiente forma:
El primer bloque de código debes incluirlo en cualquier parte que desees, entre las etiquetas y . Estamos hablando de este fragmento de código:
<span class='st_sharethis_large' displayText='ShareThis'></span>
<span class='st_facebook_large' displayText='Facebook'></span>
<span class='st_twitter_large' displayText='Tweet'></span>
<span class='st_linkedin_large' displayText='LinkedIn'></span>
<span class='st_pinterest_large' displayText='Pinterest'></span>
<span class='st_email_large' displayText='Email'></span>
El segundo bloque de código, debes incluirlo justo entre las etiquetas y , estamos hablando de este fragmento de código:
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "c2a50396-9e09-4087-ab0d-0938c9356180", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
¡Y eso es todo! Ya deberías tener funcionando tus botones de redes sociales, con una gran ventaja. Cuando ingreses a tu cuenta de ShareThis tendrás una estadística detallada de cómo han interactuado los usuarios con estas redes sociales.
Si logras hacerlo, cuéntanos cómo te fue. Saludos.