Foros del Web » Estrategias Digitales y Negocios Online » Social Media Marketing »

Compartir contenido dinamico en redes sociales

Estas en el tema de Compartir contenido dinamico en redes sociales en el foro de Social Media Marketing en Foros del Web. Hola. Llego hasta aca porque ya recorri kilometros en internet sin encontrar una solucion. Tengo un sitio donde se cargan cajas por medio de ajax ...
  #1 (permalink)  
Antiguo 31/03/2015, 14:06
 
Fecha de Ingreso: mayo-2008
Mensajes: 224
Antigüedad: 16 años, 6 meses
Puntos: 4
Compartir contenido dinamico en redes sociales

Hola.

Llego hasta aca porque ya recorri kilometros en internet sin encontrar una solucion.

Tengo un sitio donde se cargan cajas por medio de ajax con contenido.
Yo quiero que cada caja tenga el boton para compartir el contenido de las mismas en la redes sociales.
El problema es que tanto facebook como google toman los meta de la pagina principal y no lo que yo quiero enviar.

Pregunta.
Hay algun truco que pueda hacer para lograr esto??
Cambiar dinamicamente no sirve porque los meta son leidos en cuanto carga la pagina, asi que por mas que los cambie la red social sigue teniendo el anterior.

Alguna idea???
  #2 (permalink)  
Antiguo 02/04/2015, 17:39
 
Fecha de Ingreso: mayo-2008
Mensajes: 224
Antigüedad: 16 años, 6 meses
Puntos: 4
Respuesta: Compartir contenido dinamico en redes sociales

Bueno le encontré la vuelta.

Quizás lo que arme no es muy profesional pero me dio la solución. Esta demás decir que si alguien conoce alguna forma mas sencilla o profesional, esta invitado a mejorar esto en todo su contenido.

Primero lo primero:

Después de sessión_start en mi php principal verifico si $_Get[‘variable’] existe.

• Si existe, hago una consulta mysql buscando los datos del articulo con el id que figura en get_variable.
Cargo variables php con los datos mas importantes y que quiero compartir del articulo

• Si no existe cargo las mismas variables php con los datos básicos de mi web.

Luego cargo todos los metas con los valores de las variables php
<!-- Open Graph Facebook, LinkeInd -->
<meta name="og:title" content="<?php echo $titulo ?>"/>
<meta name="image" property="og:image" content="<?php echo $imagen ?>" />
<meta name="description" property="og:description" content="<?php echo $descrip ?>" />
<meta name="keywords" content="<?php echo $palabras ?>">

<!-- Twitter Card data -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@tunombre">
<meta name="twitter:title" content="<?php echo $titulo ?>">
<meta name="twitter:description" content="<?php echo $descrip ?>">
<meta name="twitter:creator" content="@ tunombre ">
<meta name="twitter:image:src" content="<?php echo $ imagen?>">

Los de google pueden ir dentro de Head o dentro del Body
<div style="display:none" itemscope itemtype="http://schema.org/Article">
<span itemprop="name"><?php echo $titulo ?></span>
<span itemprop="description"><?php echo $descrip ?></span>
<img itemprop="image" src="<?php echo $ imagen?>"></div>

Explicado en criollo: cuando no comparto nada, los valores de los metas son los básicos de mi sitio. Cuando quiero compartir un articulo, los metas son del articulo seleccionado.

Los botones:
Primero para Face y Google hay que crear una aplicacion.
Para Face lo que hice fue crear un feed con FB:init y agrego los datos que quiero compartir de la caja.
Acá lo de Face:
https://developers.facebook.com/docs...uickstart/v2.3
La url a compartir seria www.mipagina?variable=elId

Para Google use Publicaciones interactivas.
Aca lo de google:
https://developers.google.com/+/web/...eractive?hl=es

La url a compartir seria www.mipagina?variable=elId

En este caso hay que leer bien , ya que con esta opción se puede compartir un link pero direccionar a otro. Lo único que hay que tener en cuenta es que esté en el mismo dominio y portarse bien con el botón. Google es sensible en cuanto a derechos de uso y no les va a temblar el pulso para dejarnos fuera de la fiesta. Leer bien.


Para Twitter, dejo el código porque el oficial no me funciono:

La url a compartir seria www.mipagina?variable=elId

<a href='http://twitter.com/share' class='twitter-share-button' data-url='http://url a compartir' data-text='texto a agregar' data-count='none' data-via='@tunombre' data-related='' data-lang='es'>Tweet</a><script type='text/javascript' src='http://platform.twitter.com/widgets.js'></script>
Las publicaciones en twitter son algo chatas pero tiene un sistema de twit cards muy interesante que pueden darle un aspecto mas profesional cuando comparten algo de tu web.

Aca dejo el link de las Cards de Twitter
https://dev.twitter.com/cards/types


Para linkeind va directo. No tiene problemas.
El botón que da linkeInd para compartir funciona sin problemas.
La url a compartir seria www.mipagina?variable=elId

Como estamos hablando de pagina dinámica, hay que tener en cuenta que ( en mi caso ) cambio la lista de productos sin refrescar la pagina(sobre todo si tenemos buscador), el js de google y el de linkeind tiene que llamarse nuevamente, sin o el botón o no va a aparecer o no va a responder al click

Otra cosa. Los datos del meta descripción van sin formato html. Por mas que se maten poniendo <strong><b> etc.. pasan de largo. No son leídos estos formatos. Así que hay que arreglárselas con lo que figura en el teclado.

Tengan en cuenta que si comparten www.mipagina?variable=elId, cuando alguien haga clic en ese dato en la red social, ira a www.mipagina?variable=elId, así que no hay que olvidarse de hacer alguna función que responda al llamado a ese link, como mostrar directamente todo el contenido del articulo.

Bueno es todo. Espero que no haya sido muy confuso y vuelvo a pedir si alguien sabe como hacerlo mas limpio, se agradecerá un montón!!!

Etiquetas: contenido, dinamico, facebook, redes, sociales
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:28.