es es es en es es en en en en es gl pt en es es en es en es es es en es en es en es en es es es es es es id es en es en es es es es es es es es es es es es es en es es es es es es es es fa fi tr en es sl en es es en es es es es en es es es es es es es es es es es es es es es es es es es es es es es es es es es es gl es pt de en is es es en es es es es en es gl es es es en es
Los comentarios son importantes para el desarrollo de un blog de cualquier temática ya que aportan valor a la publicación que se está compartiendo, todos los blogs del Blogger al momento de crearse traen sus propias cajas de comentarios para cada entrada, pero existe una caja en particular que es sumamente importante y esa es la de los comentarios de Facebook, hoy en día esta red social es muy popular y sus proyecciones para el futuro son prometedoras y por eso se debe contar con una audiencia activa allí que comparta nuestras publicaciones y aporte valor al blog desde su cuenta escribiendo comentarios en las entradas, pero para lograr eso se debe incorporar al blog dicha caja de comentarios ya que Blogger no lo trae por defecto.
Algunas personas prefieren los comentarios de Facebook m√°s que los de Blogger y bloquean los que tiene la plataforma, como tal eso no debes hacerlo ya que ambas cajas de comentarios son fundamentales para un blog recuerda que ambas le ofrecen a los lectores formas de interactuar con la bit√°cora y de paso son las personas las que deciden con que cuenta van a comentar, recuerda que la caja de Facebook es solo para los usuarios de esa red social¬†y la de Blogger permite que las personas utilicen sus cuentas de Google+, OpenID, WordPress, AIM, TypePad, LiveJournal o de forma an√≥nima. En pocas palabras si quitas la caja de comentarios de Blogger estas limitando el p√ļblico que puede aportarle valor a tu post, as√≠ que lo que debes realizar es combinar ambas cajas.
¬ŅC√≥mo instalo la caja de comentarios de Facebook en mi blog?
Modera los comentarios de Facebook de las entradas del blog
La instalación de esta caja en un blog es sumamente sencilla pero para Blogger se tienen ciertos detalles si quieres que funcione igual que en este blog, si te das cuenta en la parte de abajo tengo un botón spoiler el cual si haces clic te despliega los comentarios de Facebook y más abajo puedes observar que los que trae el blog no los he eliminado para no limitar a mis lectores a que comenten los post.
Antes de poder instalar la caja de comentarios de Facebook en tu blog debes crear una aplicación en Facebook Developers con la cual podrás moderar todos los comentarios, ya que si no lo haces corres el riesgo de que una tercera persona con malas intenciones haga spam en tus comentarios. Para crear dicha APP debes hacer lo siguiente:
Estando all√≠ en la parte superior derecha te aparecer√° un bot√≥n de color verde que dice ‚Äú+ Agregar una nueva aplicaci√≥n‚ÄĚ, debes presionar ese bot√≥n.
Una vez que lo hayas presionado te aparecer√° una ventana modal en la cual deber√°s colocar el ‚ÄúNombre para mostrar que es el nombre de tu APP‚ÄĚ y justo abajo debes colocar el ‚ÄúCorreo electr√≥nico de contacto‚ÄĚ que en este caso ser√≠a el que est√° asociado a tu cuenta de Facebook o el correo personalizado de tu blog, una vez que coloques ambas cosas debes dar clic donde dice ‚ÄúCrear identificador de la aplicaci√≥n‚ÄĚ, al dar clic all√≠ te aparecer√° un c√≥digo captcha que debes resolver para que Facebook confirme que no eres un robot.
Una vez que hagas todo lo que explique anteriormente la aplicaci√≥n se encontrara totalmente creada, en la parte superior te aparecer√° el identificador de la aplicaci√≥n ‚ÄúID‚ÄĚ y este lo debes copiar y pegar en un bloc de notas, m√°s adelante explicare la configuraci√≥n de la APP despu√©s de crear la caja de comentarios.
Una vez que tengas lista t√ļ APP, debes proceder a crear e instalar la caja de comentarios, para eso debes hacer siguiente:
Tienes que ir a Facebook Developers Plugins.
Una vez que entre a la p√°gina, en el lateral izquierdo debes seleccionar la opci√≥n ‚ÄúComentarios‚ÄĚ, (ten en cuenta que la ubicaci√≥n de esto puede variar seg√ļn los estilos de la p√°gina de Facebook Developers, se debe destacar que ellos suelen cambiar su dise√Īo cada dos o tres a√Īos).
Abajo te saldr√° un generador de c√≥digos, all√≠ puedes colocar la URL de tu blog, definir el ancho de la caja de comentarios y el n√ļmero de publicaciones que aparecer√°n en la lista de comentarios, (all√≠ puedes colocar cualquier URL ya sea la de tu blog o dejar la de Facebook, porque m√°s adelante el c√≥digo que nos arroje el generador se deber√° editar para que sea compatible con las entradas de un blog Blogger).
Después de hacer lo que dije anteriormente debes dar clic en el botón obtener código y Facebook te arrojara primero que nada su SDK el cual debes colocar directamente en el código fuente de la plantilla y abajo esta el div que contiene la caja, ambas cosas debes copiarlas, sin embargo el SDK te lo dejare aquí, si quieres lo puedes copiar en el cuadro de texto que esta abajo o directamente copiarlo en Facebook:
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.10&appId=aqu√≠ debes colocar el ID de tu APP”;
El ID de la APP que creaste antes de generar los c√≥digos de la caja de comentario tienes que colocarlo donde dice ‚Äúaqu√≠ debes colocar el ID de tu APP‚ÄĚ, pero si generaste el c√≥digo de arriba estando logueado en Facebook, de forma autom√°tica el ID de tu aplicaci√≥n se coloca all√≠, si ocurre eso no debes copiar el HTML que esta arriba y en su lugar copia directamente el SDK de Facebook en el mismo generador de c√≥digo. Ahora bien una vez que tengas listo el SDK c√≥pialo en el bloc de notas que m√°s adelante lo utilizaras.
Ya la primera parte esta lista hasta este punto, ahora se debe configurar la caja de comentarios; por defecto Facebook te arroja el DIV original:
Pero dicho DIV debes modificarlo para que la caja pueda ser compatible con las entradas del blog, si se deja la caja tal cual como la da el generador de código con la URL de la página principal del blog esta serviría pero solo para la página principal y no para las entradas, aunque la misma se colocara en todas las publicaciones igualmente no serviría y para arreglar este problema se debe hacer siguiente:
Donde dice data-numposts=”5″ c√°mbialo por data-numposts=”10″, as√≠ por cada entrada se mostraran diez comentarios y si se quieren ver m√°s porque la publicaci√≥n tiene muchos solo basta con hacer clic en cargar m√°s comentarios.
Elimina data-width=”500″ y reempl√°zalo por¬†width=’100%’, de esta forma la caja abarcara el cien por ciento del ancho del contenedor principal tal y como pasa en este blog, si quiere puedes usar la propiedad max-width y definir un ancho m√°ximo en p√≠xeles, pero es opcional hacerlo.
El¬†data-href=”URL del blog” debes eliminarlo para que los comentarios no sean de la URL principal de la bit√°cora, en su lugar debes colocar¬†expr:href=’data:post.url’ expr:title=’data:post.title’ expr:xid=’data:post.id’, estas son etiquetas gen√©ricas que describen el t√≠tulo de la entrada y el ID de cada entrada que corresponde a las URLs de cada publicaci√≥n. Haciendo lo que dije anteriormente te quedara de la siguiente manera el DIV:
No deje el código modificado de la caja de comentarios encerrado en un cuadro de texto para que no lo puedas copiar fácilmente, la idea es que aprendas a realizar los cambios y comparar si te quedo bien o mal, después de todo lo que estoy buscando es que aprendas cómo colocar los comentarios de Facebook en Blogger y no que solo copies y pegues todo en tu blog, debes ser un profesional en lo que haces.
Ahora bien ya teniendo la caja de comentarios modificada para que pueda ser usada en las entradas de Blogger junto con el SDK de Facebook, es la hora de a√Īadir ambos a la plantilla del blog ¬†para eso debes seguir los siguientes pasos:
Estando en tu blog debes dirigirte a ‚ÄúTema‚ÄĚ y pulsar el bot√≥n ‚ÄúEditar HTML‚ÄĚ.
Si utilizas una plantilla para escritorio y aparte usas la que trae Blogger por defecto para dispositivos móviles debes buscar dos líneas HTML diferentes para que los comentarios puedan aparecer.
Para la plantilla de escritorio debes buscar¬†‚Äú ‚Ä̬†y justo debajo de esa l√≠nea HTML debes pegar el div de comentarios de Facebook.
Para la plantilla de dispositivos m√≥viles debes buscar¬†‚Äú ‚ÄĚ, si te aparece dos veces f√≠jate en la segunda ocasi√≥n y justo debajo de esa l√≠nea HTML debes pegar el c√≥digo de la respectiva caja de comentarios de Facebook.
Busca la etiqueta de cierre   y pega el SDK de Facebook que contiene el script y el ID de tu APP que hará posible usar los comentarios junto con el código de la respectiva caja de comentarios de Facebook. (Recuerda que después de cada & del SDK debes colocar amp; porque sino lo haces al guardar el tema te saldrá un error).
Por √ļltimo ambos div de comentarios que pegaste abajo de las l√≠neas¬†  y¬† ¬†debes encerrarlos en el c√≥digo¬†  adentro de aqu√≠ deben ir los div  . (Esto debes hacerlo con el fin de que en la p√°gina principal del blog no aparezca una caja de comentarios por cada entrada porque se ver√° feo).
Una vez que realizaste lo que te dije debes proceder a guardar la plantilla.
Ya teniendo ambos códigos en la plantilla del blog los comentarios no serán visibles todavía hasta que agregues algo más que es fundamental para poder activarlos, esto es lo siguiente:
Busca ‚Äú<html‚ÄĚ, esta etiqueta es la apertura de todo el c√≥digo de la plantilla as√≠ que se encuentra en la primera o segunda l√≠nea del c√≥digo HTML.
Justo al lado de ella debes pegar xmlns:fb=’http://www.facebook.com/2008/fbml’, te debe quedar as√≠: ‚Äú<html xmlns:fb=’http://www.facebook.com/2008/fbml‚ÄĚ.
Guarda la plantilla nuevamente y revisa tus entradas tanto en móviles como en una computadora de escritorio para que veas que los cambios surtieron efecto y los comentarios de Facebook se encuentran activos.
Si en tu blog no utilizas la plantilla que trae Blogger por defecto para dispositivos m√≥viles como hago yo en este blog porque mi tema es completamente responsive y se adapta a cualquier tama√Īo de pantalla, no es necesario que despu√©s de la l√≠nea   pegues el c√≥digo modificado de los comentarios de Facebook, porque con el que se encuentra despu√©s de la l√≠nea   basta para que aparezca la caja en ambos tipos de dispositivos. Si crees que ya todo termino no te hagas muchas ilusiones, todav√≠a faltan cosas muy importantes que debes configurar en los comentarios de Facebook.
Modera los comentarios de Facebook de las entradas del blog
Es importante que moderes los comentarios de Facebook en tu blog porque haciendo eso evitas el spam, aunque esta red social tiene un filtro avanzado contra el spam no esta demás moderar todos los comentarios, porque se puede escapar alguno por parte de un tercero que no se asocie al tema de una publicación o que simplemente quiera dejar un enlace externo.
La moderaci√≥n se da gracias a haber asociado la caja de comentarios con la APP que se cre√≥ en un principio, como tal ese es el fin de dicha aplicaci√≥n, si analizas todo correctamente no es necesaria la APP para que la caja de Facebook funcione en el blog, pero sin la aplicaci√≥n no se podr√≠an realizar los procesos de moderaci√≥n, ahora bien estando en el c√≥digo fuente de tu blog debes buscar ‚Äú ‚ÄĚ y despu√©s de esa l√≠nea debes pegar dos meta etiquetas fundamentales para la moderaci√≥n, estas son:
Una vez que hagas esto estando logueado con tu perfil, debes ir a la herramienta de moderación de comentarios de Facebook  y allí debes seleccionar la APP de los comentarios.
Luego debes dar clic en Configuración en la parte superior, derecha y se abrirá una ventana modal.
En la ventana modal debes realizar algunos cambios, entre ellos debes ordenar los comentarios por ‚Äúm√°s recientes‚ÄĚ, te recomiendo que m√°s abajo en la herramienta no permitas que las personas puedan adjuntar contenidos multimedia porque eso retrasar√≠a la carga de tu blog. En donde dice activar notificaciones debes marca ‚Äúactivadas‚ÄĚ.
Luego debes cambiarte a ‚ÄúReglas de moderaci√≥n‚ÄĚ, all√≠ tienes que limitar la longitud de comentarios a 10.000 caracteres, te recomiendo que no cierres la cadena de comentarios de Facebook para que las personas en el transcurso de los meses y a√Īos puedan seguir comentando las entradas, activa un filtro de spam riguroso y en moderaci√≥n selecciona la opci√≥n ‚Äúcerrado‚ÄĚ para que de esa forma todos los comentarios pasen primero a la bandeja de espera antes de que se hagan p√ļblicos.
En la pesta√Īa ‚Äúmoderadores‚ÄĚ se encontrar√° tu perfil de Facebook a√Īadido por defecto ya que eres el due√Īo de la APP, desde all√≠ puedes a√Īadir m√°s personas si lo deseas para que moderen los comentarios.
En la otra pesta√Īa ‚ÄúLista negra‚ÄĚ puedes bloquear ciertas palabras, por ejemplo yo all√≠ tengo bloqueada una lista completa de las groser√≠as y comentarios malsanos m√°s frecuentes que suelen hacer las personas que quieren da√Īar a terceras partes, te recomiendo que hagas lo mismo.
Por √ļltimo tienes la pesta√Īa de ‚Äúusuarios bloqueados‚ÄĚ, desde all√≠ puedes bloquear a todas aquellas personas que no quieres que comenten en tus entradas por equis motivo, ya sea porque no aportan valor con sus comentarios o porque busca la manera de ver c√≥mo te hace spam frecuentemente.
Se puede concluir diciendo que los comentarios de Facebook son muy importantes para un blog ya que permiten que las personas puedan interactuar con su perfil en tu bit√°cora y de esa forma mantener activa una audiencia m√°s amplia. Recuerda seguir todos los pasos que coloque en esta entrada al pie de la letra para que todo te salga bien y no cometas ning√ļn error mientras haces todo el proceso de creaci√≥n e inserci√≥n de la caja de comentarios de Facebook.
Te recomiendo ampliamente que moderes todos tus comentarios no te conformes con haber creado la caja, procura leer todo antes de que lo publiques ya que si algunos comentarios tienen enlaces t√≥xicos pueden perjudicarte. Los comentarios de Facebook son un complemento para el blog y no debes dejarlos por fuera en ning√ļn¬†momento as√≠¬†que¬†√ļsalos. Espero que esta entrada te sea de ayuda y te haya gustado, hasta la pr√≥xima.
Condicional para que los comentarios solo aparezcan dentro de las entradas y no en la p√°gina principal
Aqu√≠ adentro debe ir el DIV de comentarios de Facebook
También te puede interesar:
Anuncios de AdSense en un blog responsive
Descarga Driver Booster PRO Full para tu PC
No pidas hacer clic en los anuncios de tu blog
Descubre cómo emprender en Internet
Mi nombre es Leonardo Mu√Īoz y soy el autor de este blog, me gusta todo lo relacionado al marketing digital y por esa misma raz√≥n me motivo a escribir publicaciones por aqu√≠ para lectores como t√ļ que quieren aprender acerca de las posibles estrategias que pueden usar para aplicarlo y ganar dinero en Internet y tambi√©n escribo de otros temas muy interesantes.
Sígueme en las redes sociales
Usamos cookies que recogen datos sobre sus h√°bitos de navegaci√≥n. Si contin√ļa navegando se considerar√° que acepta su uso. Aceptar
Política de cookies +
Advertencia de riesgos:¬†Producto dif√≠cil de comprender, la CNMV ha determinado que no es adecuado para los peque√Īos inversores, debido a la complejidad y alto riesgo que implica.
Advertencia para personas de la Unión Europea: Los CFDs son instrumentos complejos que conllevan un elevado riesgo de perder dinero rápidamente debido al apalancamiento. Entre el 74-89% de las cuentas de inversores minoristas pierden dinero al operar con CFDs. Es necesario que entienda el funcionamiento de los CFD y si se puede permitir asumir el alto riesgo de perder su dinero.