Problema con Botón de Compartir en Facebook de Entradas

danikayak · 5 Ene 2014

hola!!

en mi blog www.danielduran.tk, la web del piragüismo si intento compartir las entradas a traves del boton de facebook que genera automaticamente, me sale una venta con un error, los demas funcionan bien, el de google+ y twitter tambien, pero el de facebook no.

sabeis por que puede ser y como puedo arreglarlo??

emeza · 5 Ene 2014

uhmm.. q raro.. realmente no funciona..

rh0b3rt0 · 5 Ene 2014

que extraño hermano conmigo si funciono, deja checar tu diseño y te dire que tienes que cambiar

danikayak · 6 Ene 2014

lo primero gracias!
curioso que a ti rh0b3rt0 te deje y a mi y a emeza no.

a ver si conseguimos saber porque pasa eso

parrax · 7 Ene 2014

Saca ese botón y agrega estos, son 100% efectivos y funcionales y sólo basta con ingresar un script en el body https://www.addthis.com

BetaColombia · 7 Ene 2014

ya veo que no funcionan, parrax tiene la respuesta mejor

danikayak · 7 Ene 2014

gracias parraz, y como quito esos botones? son los que vienen con el blog

---------- Post agregado el 07-ene-2014 hora: 18:45 ----------

elegi unos botones y me da este codigo:

<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-528a65900b6b8987"></script>
<script type='text/javascript'>
var addthis_product = "blg";
document.doAT = function(cl)
{
var myclass = new RegExp('hentry');
var myTitleContainer = new RegExp('post-title');
var myPostContent = new RegExp('post-footer');
var elem = this.getElementsByTagName('div');
for (var i = 0; i < elem.length; i++)
{
var classes = elem.className;
if (myclass.test(classes))
{
var container = elem;
for (var b = 0; b < container.childNodes.length; b++)
{
var item = container.childNodes.className;
if (myTitleContainer.test(item))
{
var link = container.childNodes.getElementsByTagName('a');
if (typeof(link[0]) != 'undefined')
{
var url = link[0].href;
var title = link[0].innerHTML;
}
else
{
var url = document.url;
var title = container.childNodes.innerHTML;
}
if (typeof(url) == 'undefined'|| url == 'undefined' ){
url = window.location.href;
}
var singleq = new RegExp("'", 'g');
var doubleq = new RegExp('"', 'g');
title = title.replace(singleq, ''', 'gi');
title = title.replace(doubleq, '"', 'gi');

}
if (myPostContent.test(item))
{
var footer = container.childNodes;
}
}
var n = document.createElement('div');
var at = "<div class='addthis_toolbox addthis_default_style addthis_32x32_style' addthis:title='"+title+"' addthis:url='"+encodeURI(url)+"' > <a class='addthis_button_preferred_1'></a> <a class='addthis_button_preferred_2'></a> <a class='addthis_button_preferred_3'></a> <a class='addthis_button_preferred_4'></a> <a class='addthis_button_compact'></a> <a class='addthis_counter addthis_bubble_style'></a> </div> ";
n.innerHTML = at;
container.insertBefore(n , footer);
}
}
return true;
};

document.doAT('hentry');
</script>



esto lo meto en el body, asi tal cual? o tengo que modificar algo?

xLincex · 7 Ene 2014

Busca esto en tu Blog:

PHP:

<b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>

Y agregas el de addthis , lo que esta dentro de <b:includable id='shareButtons' var='post'> y </b:includable> lo reemplazas.

danikayak · 7 Ene 2014

xlincex gracias
probe lo que tu me dices, pero al darle a vista previa me va diciendo varios errores que hay en el codigo y despues de creo que arreglarlos no me sale ningun boton

xLincex · 7 Ene 2014

danikayak dijo:
xlincex gracias
probe lo que tu me dices, pero al darle a vista previa me va diciendo varios errores que hay en el codigo y despues de creo que arreglarlos no me sale ningun boton

Pruebo tu codigo de addthis y no sale nada. cual escogistes ?

Si solo quieres eliminar los botones ve a diseño luego en Entradas del blog y desabilita la opcion Mostrar botones para compartir .

Pero para reemplazarlos en el mismo lugar por unos iguales de addthis , haces como te puse mas arriba. 😉

danikayak · 7 Ene 2014

probare mañana a volver a addthis a volver a elegir los botones

muchas gracias

parrax · 8 Ene 2014

danikayak dijo:
gracias parraz, y como quito esos botones? son los que vienen con el blog

---------- Post agregado el 07-ene-2014 hora: 18:45 ----------

elegi unos botones y me da este codigo:

<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-528a65900b6b8987"></script>
<script type='text/javascript'>
var addthis_product = "blg";
document.doAT = function(cl)
{
var myclass = new RegExp('hentry');
var myTitleContainer = new RegExp('post-title');
var myPostContent = new RegExp('post-footer');
var elem = this.getElementsByTagName('div');
for (var i = 0; i < elem.length; i++)
{
var classes = elem.className;
if (myclass.test(classes))
{
var container = elem;
for (var b = 0; b < container.childNodes.length; b++)
{
var item = container.childNodes.className;
if (myTitleContainer.test(item))
{
var link = container.childNodes.getElementsByTagName('a');
if (typeof(link[0]) != 'undefined')
{
var url = link[0].href;
var title = link[0].innerHTML;
}
else
{
var url = document.url;
var title = container.childNodes.innerHTML;
}
if (typeof(url) == 'undefined'|| url == 'undefined' ){
url = window.location.href;
}
var singleq = new RegExp("'", 'g');
var doubleq = new RegExp('"', 'g');
title = title.replace(singleq, ''', 'gi');
title = title.replace(doubleq, '"', 'gi');

}
if (myPostContent.test(item))
{
var footer = container.childNodes;
}
}
var n = document.createElement('div');
var at = "<div class='addthis_toolbox addthis_default_style addthis_32x32_style' addthis:title='"+title+"' addthis:url='"+encodeURI(url)+"' > <a class='addthis_button_preferred_1'></a> <a class='addthis_button_preferred_2'></a> <a class='addthis_button_preferred_3'></a> <a class='addthis_button_preferred_4'></a> <a class='addthis_button_compact'></a> <a class='addthis_counter addthis_bubble_style'></a> </div> ";
n.innerHTML = at;
container.insertBefore(n , footer);
}
}
return true;
};

document.doAT('hentry');
</script>



esto lo meto en el body, asi tal cual? o tengo que modificar algo?

Los Códigos que trae la plantilla los puedes desactivar en en Panel de tu blog --> Diseño te vas a al Gadget entradas al blog y desactivas la opción mostrar botones para compartir.
En caso de que siguieran ahí, sólo tienes que buscar <div class='post-footer-line post-footer-line-1'> o algo parecido dependiendo de la plantilla y eliminas los botones correspondientes.

Los botones que te dan en https://www.addthis.com/get/sharing tienes que activar la opción blogger --> una vez que selecciones ese botón le das click a el botón naranjo Install Blogger Widget --> se te abre otra ventana y seleccionas la web en donde ingresarás el código y mas abajito te aparece la opción editar código el cual desde ahí sacas el código correspondiente. Después lo puedes agregar con condicionales antes del cierre </body>

danikayak · 8 Ene 2014

gracias!!
en el enlace que tu me pones y en el que habia sacado antes el codigo que pegue, elijo lo de la opcion de blogger, pero despues no veo ningun boton naranja, me aparece directamente un codigo, vuelvo a copiar el que me sale


<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-528a65900b6b8987"></script>
<script type='text/javascript'>
var addthis_product = "blg";
document.doAT = function(cl)
{
var myclass = new RegExp('hentry');
var myTitleContainer = new RegExp('post-title');
var myPostContent = new RegExp('post-footer');
var elem = this.getElementsByTagName('div');
for (var i = 0; i < elem.length; i++)
{
var classes = elem.className;
if (myclass.test(classes))
{
var container = elem;
for (var b = 0; b < container.childNodes.length; b++)
{
var item = container.childNodes.className;
if (myTitleContainer.test(item))
{
var link = container.childNodes.getElementsByTagName('a');
if (typeof(link[0]) != 'undefined')
{
var url = link[0].href;
var title = link[0].innerHTML;
}
else
{
var url = document.url;
var title = container.childNodes.innerHTML;
}
if (typeof(url) == 'undefined'|| url == 'undefined' ){
url = window.location.href;
}
var singleq = new RegExp("'", 'g');
var doubleq = new RegExp('"', 'g');
title = title.replace(singleq, ''', 'gi');
title = title.replace(doubleq, '"', 'gi');

}
if (myPostContent.test(item))
{
var footer = container.childNodes;
}
}
var n = document.createElement('div');
var at = "<div class='addthis_toolbox addthis_default_style ' addthis:title='"+title+"' addthis:url='"+encodeURI(url)+"' > <a class='addthis_button_preferred_1'></a> <a class='addthis_button_preferred_2'></a> <a class='addthis_button_preferred_3'></a> <a class='addthis_button_preferred_4'></a> <a class='addthis_button_compact'></a> <a class='addthis_counter addthis_bubble_style'></a> </div> ";
n.innerHTML = at;
container.insertBefore(n , footer);
}
}
return true;
};

document.doAT('hentry');
</script>



lo pego y me salen errores en el codigo al intentar salvar los cambios y no se ven los botones

---------- Post agregado el 08-ene-2014 hora: 18:49 ----------

errores que me da:
for (var i = 0; i < elem.length; i++) marca como error el espacio delante del elem y me dice que falta > o /> justo delante del ;
for (var b = 0; b < container.childNodes.length; b++) los mismos errores que antes

los cerre con > y despues me dice que falta esto: </container.childNodes.length> y esto </elem.length> - se lo pongo

probe despues a cerrar con /> y ya no me pide lo anterior pero sigue sin verse

---------- Post agregado el 09-ene-2014 hora: 18:06 ----------

gracias a todos por vuestra ayuda, ya lo consegui arreglar, buscando y buscando encontre la solucion con un codigo de addthis que encontre

---------- Post agregado el 10-ene-2014 hora: 15:28 ----------

aqui estoy otra vez, habia conseguido cambiar los botones, pero sigo con el mismo problema, no me funciona el boton de compartir en facebook, poque puede ser???

a ver si me podeis ayudar

Problema con Botón de Compartir en Facebook de Entradas

danikayak

emeza

rh0b3rt0

danikayak

parrax

BetaColombia

danikayak

xLincex

danikayak

xLincex

danikayak

parrax

danikayak

Temas similares