Navixx1
Usuario (El Salvador)
Integrar los botones sociales es muy importante para que nuestro contenido llegue a la mayor cantidad de personas posibles, mientras más posibilidades le demos al usuario de compartir y recomendar nuestro contenido, mayor será la probabilidad de éxito si nuestro contenido es bueno. El botón de Facebook Facebook tiene una herramienta que nos permite generar el código de nuestro botón de una manera muy simple. Pasos: 1.- Vamos a la herramienta para generar el botón de Facebook. 2.- Donde dice "Step 1 - Get Like Button Code" veremos un formulario, ahi configuramos las opciones del botón. 3.- Hacemos clic en el botón "Get code". 4.- Se abrira una ventana con dos bloques de código (siempre y cuando no hayas seleccionado la opción "Send button", en cuyo caso se abrirá un solo bloque de código), ambos códigos sirven para lo mismo, la diferencia es que el primer bloque nos da el botón en un iFrame (sin cargar un javascript en nuestra pagina), y el segundo utiliza la tecnología XFBML que carga el javascript en nuestra pagina. 5.- Copiamos el código del segundo bloque (XFBML). 6.- Pegamos el código proporcionado en donde queremos que aparezca el botón dentro de nuestro código HTML. Traducir el botón "Me gusta" de Facebook al Español El código que nos brinda Facebook es algo así: <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=128897243865016&xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="110" show_faces="false" font=""></fb:like> Para traducirlo debemos modificar la ruta del archivo .js, donde dice /en_US/ debemos poner /es_ES/, quedaría así: <div id="fb-root"></div><script src="http://connect.facebook.net/es_ES/all.js#appId=128897243865016&xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="110" show_faces="false" font=""></fb:like> Botón "Me Gusta" en HTML Si te perdiste en alguno de los pasos de arriba, aquí está el código del botón, solo copias y pegas donde quieras que aparezca el botón: <div id="fb-root"></div><script src="http://connect.facebook.net/es_ES/all.js#appId=128897243865016&xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="110" show_faces="false" font=""></fb:like> Botón "Me Gusta" en PHP Si tu página está hecha en PHP copia y pega el siguiente código: <?='<div id="fb-root"></div><script src="http://connect.facebook.net/es_ES/all.js#appId=128897243865016&xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="110" show_faces="false" font=""></fb:like>'?> Hacer que ponga un mensaje en el muro del usuario Podemos hacer que al hacer click en "Me gusta", le aparezca un mensaje en el muro del usuario (por ejemplo, haz clic en el "Me gusta" de esta lección y luego ve a tu perfil), para esto Facebook a puesto a nuestra disposición un sistema de meta etiquetas, que es muy simple, y también tenemos una herramienta para generarlas en un click que se encuentra debajo de la herramienta para crear el botón de "Me gusta". <meta property="og:title" content="Cómo poner el botón "Me gusta" de Facebook en tu página web" /> <meta property="og:type" content="article" /> <meta property="og:url" content="http://www.comocrearunsitioweb.com/boton-me-gusta-facebook" /> <meta property="og:image" content="http://www.comocrearunsitioweb.com/imagenes/html.png" /> <meta property="og:site_name" content="ComoCrearUnSitioWeb.com" /> <meta property="fb:admins" content="1428384978" /> copiamos el código dentro de las etiquetas <head></head> y listo!!!
¿Para que sirve un contador de visitas? Com su nombre lo indica, un contador de visitas sirve para saber cuantas visitas recibimos en nuestra pagina web, pero no termina ahí, también nos porporciona muchos datos mas: Paginas Vistas: si un visitante entra se cuenta una visita, pero si navega por las pagina internas o recarga la pagina, estas se cuentan como paginas vistas o hits. Visitantes retornantes: si un visitante entro a nuestra pagina, luego salió y volvio a entrar, esto se cuenta como visitante retornante, podemos configurar que rango de tiempo entre la salida y la entradad se debe tomar en cuenta para contar un visitante retornante. Paginas populares: nos dice cuales son las páginas mas visitadas. Referers: los referers son las páginas por donde entran nuestros visitantes. Buscadores mas usados: nos muestra un top de los buscadores que mas utilizan nuestros visitantes para entrar a nuestro sitio web. Tiempo en el sitio: muestra el tiempo que estan en el sitio tus visitantes. País/Estado/Ciudad/ISP: podemos saber de que pais, estado y ciudad son nuestros visitantes, y también su servidor de internet. Navegador: nos dice que navegador utilizan los usuarios de nuestro sitio web. Resolución: con esta opción podremos saber cual es la resolución de pantalla mas utilizada, muy útil a la hora de hacer un rediseño. Todavía hay mas funcionalidades, pero creo que estas son las mas importantes. El sistema de estadisticas que vamos a instalar se llama StatCounter, el proceso de instalación es muy fácil, vamos a ello. Instalar el contador El primer paso para instalar nuestro contador de visitas es registrarnos en la pagina que nos brinda el servicio: 1-. Vamos a http://my.statcounter.com/register.php y ponemos nuestros datos como aparece en la imagen: luego hacemos clic en REGISTER MY ACCOUNT >> 2-. Si todo salió bien, ya tendremos nuestra cuenta creada y tendría que aparecer una imagen como esta: Ahora hacemos clic en PROCEED & ADD A PROJECT >> 3-. Lo siguiente que debemos hacer es agregar nuestra pagina web para que genere el código que deberemos pegar en nuestro sitio, tendrían que estar en una pantalla como esta: llenamos todos los datos que nos piden (con los datos verdaderos, obviamente jeje) y hacemos clic en NEXT. 4-. Bien, ya hemos creado una cuenta, hemos agregado nuestra pagina web y ahora tenemos que configurar e instalar el código en nuestro sitio web, para esto debemos hacer clic en CONFIGURE & INSTALL CODE >> como aparece en la siguiente imagen: 5-. En este paso debemos seleccionar el tipo de contador, si queremos que sea visible (lo verán tus visitantes), invisible (solo lo verán ingresando en tu cuenta de statcounter) o solo un logo de StatCounter con un vinculo hacia las estadísticas. 6-. Ahora nos toca elegir el tipo de código que usara el contador, si queremos que sea solo HTML marcaremos esa opción (todas las funcionalidades que mencionamos antes se verán reducidas), pero si queremos que tenga todas las funcionalidades dejaremos esa pantalla como esta, así: 7-. Si todo fue bien, ahora tendriamos que estar viendo el código para pegar en nuestra pagina web: Si vemos lo mismo que en la imagen, debemos copiar ese código. 8-. Ahora toca la parte mas importante, pegar el código en nuestra pagina web para que empieze a contabilizar nuestras visitas. Supuestamente ya tenemos el código copiado, solo tenemos abrir con el bloc de notas el archivo al que queremos incluirle el contador y justo antes de la etiqueta </body> pegamos el código Listo! ya tenemos un contador de visitas en nuestra pagina web .