Es indiscutible, hoy en día, la importancia, de las redes sociales, en nuestra sociedad digitalizada, y debemos ser conscientes, del uso que podemos hacer de las mismas, para generar trafico en nuestras páginas web, que en definitiva, es el objetivo.
Por tanto, por la cantidad de millones de usuarios, que tienen, todas estas redes sociales, es uno de los aspectos, más relevantes, a la hora de maquetar, páginas web, la integración de estos botones, que te comunicán, con tus usuarios.
Lo primero, que me viene, a la cabeza, es que hay que tener un buen Contenido, en tu página, para que alguién, decida que es interesante, para compartirlo, con otros.
Yo en esta página, más alla de poner, en relevancia, la importancia, de tener conectada, la página web, con las redes sociales, para su mayor difusión, incluso a nivel mundial, ó para la venta de productos y servicios (marketing-digital), me quiero centrar, en la parte estetica, lo mio es el html y el css, para saber situar, en el lugar que quieras y darle tus estilos, a los botones, de tu página.
Si construyes, tus páginas, blogs ó derivados, con algún CMS, tipo WordPress u otros, no tienes que andar preocupandote, de estas cosas, incorporaras los botones, automáticamente, tendrás diferentes plantillas de estilos y plugins para manejarlos, pero, te perderás, la diversión, que por lo menos para mi, supone, el situarlos y customizarlos, a tu manera, que puede, no ser la mejor, ni la más bonita, pero es la tuya, ¿no?. Para lograr esto, ya sabeis, profundizar en el código HTML y CSS.
Lo más habitual, en cuanto a su ubicación, suele ser situarlos, en la cabecera <header> ó en el pie <footer>, del documento. Suelen ponerse, así de manera, bastante estática y con pequeños efectos, como ligeros cambios de color ó algo parecido, pero yo como ya te digo, soy un friki, del css y el html, y he situado botones, por toda esta página, en distintas posiciones y con distintos efectos, para que si alguno os interesa, lo adopteis a vuestro gusto.
Por ahondar, un poco más, en el tema de los botones sociales, en las páginas, cabe diferenciar, entre los botones sociales que apuntan, directamente a tus redes sociales, con el objetivo, de interactuar, con tus usuarios ó lectores y tratar de construir, una comunidad, con intereses ó aficiones comunes, y los botones de compartir tus URL's en las redes sociales, para los que debes dirigirte, por ejemplo en facebook, a las herramientas para desarrolladores, donde introduciendo, una serie de datos de tu dominio, etc, te generará, un pequeño código javascript y el html, que después, tendrás que incrustar, en tu código.
Los primeros botones, a los que me refiero, son simplemente eso, botones o enlaces directos a tus redes sociales, que puedes construir fácilmente, con iconos, por ejemplo, como los gratuitos de FontAwesome, u otros, ó emplear imágenes, que en ese caso, recomiendo, que sean imágenes vectoriales, SVG, que son completamente escalables y pesán poquito. También muy recomendable, incluir en tus enlaces target="_blank", que abrira, la página, de la red social, en otra pestaña del navegador, y así, el usuario, no abandona tu página.
Me parecen, más interesantes, los botones del segundo tipo, los que permiten, compartir tus contenidos en las redes sociales de tus usuarios. Ya explico arriba brevemente, como se hace para fabebook, para twitter, por citar a otra, se hace accediendo a la página para publicar Twitter, donde de forma similar a fabebook, introduciendo algunos datos, te generara un código, que puedes copiar, para después, incluirlo en el tuyo. Así que ya sabes, si crees que tienes contenido, digno de difundirse, incluye estos botones, en tus páginas.
Otros botones, muy utilizados, son aquellos, que permiten, al usuario, loguearse, en tu página, a traves de su red social, de esta manera, les puede resultar mucho, más comodo compartir, tus páginas, no tienen que copiar, tu URL, loguearse en su red social y compartir, lo hacen directamente, facilitando mucho el tramite, y así de paso, también obtienes el nombre e email, del usuario, para posibles usos.
También es muy habitual, encontrarse con los llamados botones de propagación, estos que indican en numeros, la cantidad de veces, que se ha compartido tu página, en la red social, son botones que pueden, generar tráfico hasta tu sitio.
Otro tipo de botones, que solemos ver, son los de siguenos en:, que permite, a las empresas, asociar su imágen de marca, a su sitio social, que además es útil, por el problema existente, de páginas que suplantan, a marcas reconocidas. En definitiva, tenemos diferentes opciones, para integrar, nuestro sitio, con las redes sociales ó viceversa, y es imprescindible hacerlo, por todos los beneficios, que puede acarrearnos.
Yo como, os decía, al principio, en esta página, trato de hacer, un ejercicio, de diferentes maneras de úbicar, los botones sociales, en las páginas. Por ello, te encuentras, en primer lugar, dos botoneras, en la cabecera, yo suelo incluir, la central, en mis páginas y la segunda, situada a la derecha, la he puesto, porque es el sitio, más habitual, donde se suelen ubicar. Para esta segunda botonera, decir que he empleado imágenes en formato .png, con transparencia.
Después, puedes encontrar, más o menos, a mitad de página, a la derecha, un botón, de contacto, el de color purpura, que contiene, un formulario de contacto y otros botones sociales, y a la izquierda, otras dos botoneras, colocadas en position: fixed; que tienen los botones, camuflados, para hacer un efecto de aparición, en el :hover, ya sabes posar el ratón.
Y por último, en el pie de página, que tiene un display: flex; incluyo, hasta tres botoneras, que tienen, igualmente diferentes efectos de aparición.
Para ir concluyendo, abajo os muestro, una idea de botones, sacada de acervolima.com, que me gusto especialmente, por el efecto, estilo click, ó tecla de piano, que hacen, en el :hover y que consigue únicamente con CSS y la propiedad transform y sus subpropiedades skewX y skewY, ya sabeís, mi amado CSS.
Bueno, tu eres el que debe valorar, la importancia, que tienen en tu sitio, las redes sociales y en función de ello, colocar los botones oportunos. Esto ha sido todo, si has llegado hasta aquí, gracias por leer, si tienes algo que comentar ó sugerir, agradecería tu contacto, y lo que siempre recomiendo, si algo de la página, te ha gustado, ya sabes, click derecho y ver código fuente, ó emplea la herramienta dev tools, del navegador, para exáminar, la página en profundidad, así es como yo aprendo. Hasta la próxima.
