Integración redes s...
Avisos
Vaciar todo

Integración redes sociales (Facebook) en artículos k2  

 
Mario
 Mario
Usuario activo

Buenos días,

Tenemos un sitio en el que integramos las redes sociales a artículos k2. El código que tenemos en el archivo item.php (/public_html/templates/FavouriteInterna/html/com_k2/templates/default
) de k2 es el siguiente:

 

(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net//all.js#xfbml=1&appId=427523297349809";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

 
<a href="#"
onclick="
window.open(
'https://www.facebook.com/sharer/sharer.php?u= http://ruedaint-cp79.webjoomla.es/item->link; ?>',
'facebook-share-dialog',
'width=626,height=436');
return false;">

Nos sucede que, estando en la sección de Novedades del sitio, en los artículos y en idioma español, el botón "Me gusta" de Facebook (que a su vez permite hacer un comentario al momento de hacer el like) no funciona correctamente. Sucede que al clickarlo, la ventana asociada se abre por unos segundos y se cierra instantáneamente, sin permitirnos hacer ni el Like ni los comentarios.

Agradecemos la ayuda que puedan brindarnos al respecto

URL del sitio: Contenido solo visible a usuarios registrados

Este debate ha sido modificado el hace 4 años 2 veces por antonio
Citar
Respondido : 22/11/2013 1:48 pm
Mario
 Mario
Usuario activo

Como dato adicional agregamos que español es el idioma por defecto. En idioma inglés e italiano no tenemos el mismo inconveniente.

ResponderCitar
Respondido : 22/11/2013 3:36 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Mario

Veo que en tu código hay también una imagen

Te sugiero probar si te sucede lo mismo con algun plugin que tenga la misma funcionaldiad y evitar colcoar el código manualmente.

También puedes probar si te pasa lo mismo cuando tengas habitliada tu url final. (deberás cambiar tu código cuando trabajes con la url final)

Saludos.

Esta publicación ha sido modificada el hace 4 años por antonio
ResponderCitar
Respondido : 22/11/2013 5:58 pm
Mario
 Mario
Usuario activo

Gracias por la respuesta John, pero el hecho de que funcione perfectamente en los otros idiomas, nos hace sospechar que la cuestión pueda venir en relación a los idiomas, o concretamente, al idioma español.
Respecto de la url final, venimos justamente de otro hosting en donde nos sucedía lo mismo y nos mudamos con la idea de solucionar este tema de los Likes en idioma español.
Por si acaso, le paso la url donde actualmente también está montado el sitio (en otro hosting) http://ruedainternacional.com

Saludos!

ResponderCitar
Respondido : 22/11/2013 8:33 pm

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Mario,

Veo en esta url Contenido solo visible a usuarios registrados alojada en DATTATEC que sucede ese comportamiento al hacer clic en el botón de Facebook, se abre un instante el cuadro de comentarios y se cierra al instante.

Sin embargo en el sitio web alojada en Webempresa no me pasa eso:

Saludos

ResponderCitar
Respondido : 22/11/2013 11:26 pm
Mario
 Mario
Usuario activo

Hola Luis,

a nosotros nos sucede en ambos lugares.
Y te copio la url al debugger de Facebook para uno de los artículos en el que no nos deja hacer el Me gusta (se abre y se cierra):

https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fruedaint-cp79.webjoomla.es%2Fnovedades%2Fsalud%2Fitem%2F78-estilo-rueda

Leímos en la web (googleando respecto al problema) que, pasando la url donde el "Me Gusta" no funciona por el debugger, comienza a funcionar. Esto nos acaba de pasar en otro artículo. Pero no entendemos la lógica del no funcionamiento o a qué podría deberse este comportamiento extraño.

Muchas gracias por la respuesta y la ayuda que puedas brindarnos.

ResponderCitar
Respondido : 28/11/2013 3:15 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Mario

Es posible que sea a la url temporal, el mensaje indica :

El objeto en la dirección URL "http://ruedaint-cp79.webjoomla.es/es/novedades/salud/item/78-estilo-rueda" del tipo "article" no es válida porque el dominio "ruedaint-cp79.webjoomla.es" no está permitido para el identificador de aplicación especificado "559582407436809". Puedes verificar tu "dominio de aplicación" configurado en https://developers.facebook.com/apps/559582407436809.

Te sugiero probar con la url final, verifica si te sucede lo mismo cuando apuntes tu dominio al hosting que tienes con nosotros.

Luego lo normal es que instales una extensión para los botones de redes sociales y no hacerlo de manera manual.

Saludos.

ResponderCitar
Respondido : 28/11/2013 4:26 pm
Mario
 Mario
Usuario activo

Hola John, estamos retomando este tema porque tenemos que definir en los próximos días si continuamos con vuestro servicio para el hosting y soporte. El problema que tenemos es que no logramos que nos funcionen correctamente las redes sociales. Ante la última respuesta que nos habías dado, haciendo referencia a la app de facebook, nosotros tenemos configurado una app específica para el dominio de webempresa en particular. Le adjunto una captura donde puede ver ese detalle. Luego de hacer muchas pruebas vemos que el comportamiento difiere cuando nos vamos trasladando entre los idiomas. En algunos casos, cuando doy click al "Me gusta" en italiano, la ventana emergente no llega a mostrar los botones, en cambio en idioma español, directamente la ventana emergente se abre y se cierra al instante ante el click, no permanece abierta.
También los comportamiento van variando de acuerdo al navegador que utilicemos.

Saludos!

ResponderCitar
Respondido : 20/01/2014 10:35 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Mario,

Le di en Me gusta en el articulo en italiano y veo que la ventana emergente se muestra:

Saludos.

ResponderCitar
Respondido : 21/01/2014 3:47 am
Mario
 Mario
Usuario activo

Hola Johnny, eso es lo que nos viene sucediendo, que algunas cosas funcionan en algún momento, como es tu caso, pero en la mayoría de los casos no funcionan como deberían. Y como comentaba más arriba, varía de acuerdo al idioma y al navegador. Ud probó si en otro de los idiomas se comporta de la misma manera ¿me sabe decir si puede haber algún conflicto de Facebook con el multi-idioma? ¿Esto puede ser algo que acarree problemas? No logramos entender la lógica del no funcionamiento..

ResponderCitar
Respondido : 22/01/2014 8:28 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Mario,

Si el dominio Contenido solo visible a usuarios registrados

Saludos

ResponderCitar
Respondido : 22/01/2014 10:29 pm
Mario
 Mario
Usuario activo

Hola Luis nos esta pasando esto que te pasa a vos que queda cortada la ventana del like por lo que no funciona bien.

Básicamente se nos presentan dos problemas:

1- Es este que se ve en tu captura la ventana no muestra los botones por lo que no se puede publicar, sabes esto a que responde ? en otros momentos la ventana era pequeña y andaba bien.

2- Al dar al botón me gusta aparece y desaparece la ventana esta que ahora se ve cortada.

Más alla de que tengamos algún tema con donde est el sitio alojado tambien nos pasa con el sitio alojado en webempresa por lo que no vemos que sea problema del hosting de dattatec y nos preocupa que el cambio de hosting tampoco nos soluciona el problema. De echo hay una aplicacion facebook especial para la web de webempresa de modo que no se choque con la de dattatec.

Te pido si pueden guiarnos de la fuente de estos problemas y como solucionarlos porque es vital para que podamos continuar con el sitio alojado en webempresa.

Gracias !!

ResponderCitar
Respondido : 29/01/2014 1:34 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Para que la caja emergente que se muestra al pulsar en el botón de Facebook se vea completamente prueba a editar el archivo templates/FavouriteInterna/css/k2style.css. Previa copia de seguridad del mismo localiza el siguiente código:

div.itemView {
  padding: 0;
  border: none;
  margin: 0 0 20px 0;
  overflow: hidden;
}

En él elimina la línea overflow: hidden; y comprueba si así funciona.

ResponderCitar
Respondido : 29/01/2014 4:16 pm