Hogar › Tarifas › Compartir en las redes sociales. Botones de redes sociales. Botones de Pluso

Compartir en las redes sociales. Botones de redes sociales. Botones de Pluso

06.12.14 10.2K

¿No muerde? Y ya han gastado mucho dinero en alimentar a los visitantes. A botones sociales¿Ha instalado redes sociales para el sitio? ¡Está vacío! Todos los síntomas de la enfermedad son obvios: el sitio es asocial. Lo trataremos.

¿Por qué un sitio web necesita botones de redes sociales?

La presencia de botones sociales en las páginas del sitio web no es sólo atributo obligatorio, o accesorio de moda. En primer lugar, botones sociales ayude al propietario del recurso a ahorrar dinero en la promoción del sitio web. En este caso, la promoción se produce con la ayuda de los visitantes. Y el propietario sólo puede rellenar su sitio web. contenido de calidad y espere la afluencia de nuevos usuarios:

Pero estos botones no sólo los necesitan los propietarios de sitios web. Su ubicación también es importante para la redes sociales. Cada uno de estos botones es un enlace que conduce a un portal social. Y gracias a este intercambio de enlaces, se apoya alto nivel actividad del usuario dentro de las propias redes sociales. Es por eso que las redes sociales populares brindan a los sitios códigos listos tus botones.

¿Qué es un botón social normal?

Por ejemplo, tomemos el script del botón social de VKontakte. Su código:

Esta parte del código debe colocarse en el llamado "encabezado" de la página del sitio. Este código especifica la dirección del script que debe ejecutarse cuando se hace clic en el botón social. Aquí está la segunda parte del código, que es responsable de mostrar la imagen del botón:

El segundo fragmento de código debe colocarse en la parte de la página donde se mostrará el botón:

La apariencia del botón se puede ajustar fácilmente. Para hacer esto necesitas ir a una sección especial. apoyo técnico en un sitio de redes sociales. Aquí puede configurar el estilo del botón según el cual se generará su código.

Opciones de alojamiento fáciles

Hay servicios especializados, permitiéndole colocar botones para todas las redes sociales populares en su sitio web a la vez. Esto es mucho más fácil que insertar scripts para cada uno de ellos por separado. Veamos el más popular de estos servicios:

AddThis: este servicio tiene una interfaz en inglés. Pero al mismo tiempo te permite agregar un botón a cualquier red social del mundo:

La ubicación de la barra de botones sociales se puede seleccionar en varias plantillas. En la versión gratuita de la cuenta, un deslizamiento barra lateral. También hay versión gratuita complemento para WordPress. Después de registrarse en el sitio web del servicio, se proporciona acceso a las estadísticas sobre los clics en los botones sociales.

Share42 es una interfaz clara y sencilla con la capacidad de ajustar la apariencia del panel de botones sociales. En este caso, el proceso de configuración va acompañado instrucciones paso a paso con una descripción de las acciones a realizar. Por lo tanto, el servicio es adecuado incluso para webmasters sin experiencia:

Otra ventaja de este servicio es la generación de un script de panel de botones sociales con soporte para varios CMS populares.

Botones sociales y WordPress

Se han creado muchos complementos para la instalación grupal de botones sociales para CMS populares. Veamos un ejemplo de instalación de un complemento. Botones para compartir en redes sociales para WordPress.

Los aspectos positivos de esta expansión son completamente Interfaz en ruso, facilidad de configuración y "adaptado" a las redes sociales populares de Runet:

Procedimiento para instalar el complemento de botones sociales para WordPress.

1) Ir a panel administrativo sitio. A la izquierda, seleccione la pestaña "Complementos", "Agregar nuevo".
2) En la página " Instalar complementos"En el campo de búsqueda, ingrese el nombre de la extensión y haga clic en el botón "Buscar complementos":

3) Encuentra el nombre en los resultados de búsqueda. extensión requerida. Luego haga clic en el enlace "Instalar":

4) Después de descargar el archivo y la instalación, active el complemento haciendo clic en el enlace correspondiente:

5) Después de activarlo, la consola de herramientas izquierda mostrará nueva sección"Botones para compartir":

Algunos complementos más probados para WordPress:

Botones sociales fijos: este complemento le permite agregar un botón flotante a su sitio web panel social, que puede estar “pegado” en la parte superior, inferior o lateral;
Botones HTML para compartir en redes sociales – este complemento incluye botones sociales creados exclusivamente con usando css y HTML.

Botones sociales y Joomla

También se han creado muchos complementos para que este motor funcione con botones sociales. Veamos el proceso de instalación de la extensión usando SocButtons como ejemplo. Características de este complemento:

Admite todas las versiones de motores más populares;
Fácil de configurar;
Las características de apariencia se configuran para cada botón por separado;
Paquete de instalación liviano.

Procedimiento:

1) Vaya a la parte administrativa del sitio en Joomla y seleccione el ícono “ Gerente de extensión».
2) Aquí determinamos la fuente para descargar la extensión:

3) Después de instalar la extensión, vaya a " Administrador de complementos"y simplemente activar extensión instalada. Para hacer esto, haga clic en el ícono verde en la parte superior de la página:

4) Para configurar, haga clic en el nombre de la extensión en la lista. En este complemento, la configuración de visualización se establece para cada botón social por separado:

Algunas extensiones más probadas para Joomla:

Marcadores sociales: este complemento existe en varias versiones. Cada uno le permite colocar el panel social en cierta posición (horizontal, vertical o incluso hacerlo flotar);
JL Like: este complemento no produce carga adicional guiones externos, permite llevar estadísticas de votos de las redes sociales.

¿Script o complemento?

Instalar el complemento es lo más fácil y opción rápida. La mayoría de las veces, después de instalarlo, todo el sitio funciona correctamente. Pero todo puede colapsar inmediatamente después de actualizar la versión del motor a una más nueva.

¡Saludos! Recientemente estuve en comentario Me preguntaron cómo hacer los mismos botones de redes sociales que están instalados en mi sitio web. Y decidí dar la respuesta en el artículo revisando 6 servicios sociales. Botones para el sitio.

Ventajas y desventajas

Sin embargo, cabe señalar que en algunos casos la ubicación de los botones puede tener ligeras desventajas. Consideremos por qué es necesario colocar botones de redes sociales en el blog creado, y también consideremos los principales aspectos positivos y aspectos negativos colocación de dichos iconos.

Defectos

La velocidad de carga de la página puede ser más lenta.
Con un enfoque altamente especializado en el proyecto de Internet, es posible que no obtenga el efecto deseado.

Descripción general de los servicios de botones sociales

Veamos los servicios más populares que se pueden utilizar para agregar botones de redes sociales a su sitio web.

esto es completamente servicio gratuito, que funciona de la siguiente manera. Genera automáticamente guión especial, con cuya ayuda los visitantes de un proyecto de Internet pueden publicar enlaces a redes sociales. El servicio parece botones. La instalación es muy simple y conveniente, y los botones colocados se ven hermosos en la página.

El servicio ofrece más de trescientas opciones. diferentes botones! Puedes elegir muy fácilmente tus favoritos.

La instalación se realiza literalmente con un clic. Hay estadísticas de conversión.

Este es probablemente uno de los servicios online más interesantes, con el que puedes generar un botón en función de varios parámetros: tamaño y apariencia. Además, podrás elegir cómo se ubicará el panel con botones (horizontal o verticalmente). También puede especificar la codificación. Después de seleccionar todo ajustes necesarios, el script generado debe descargarse y colocarse en su proyecto de Internet en la ubicación requerida. Principalmente justo después del artículo.
Yandex le ofrece elegir qué redes sociales se mostrarán. El usuario puede hacer esto simplemente marcando las casillas al lado de los botones que se colocarán en el bloque. Puedes editarlos apariencia.

A continuación, el sistema generará automáticamente el código fuente, que deberás instalar en tu blog. Las principales ventajas de este servicio incluyen el hecho de que el script no coloca enlaces salientes en el blog creado. También es posible conectar Yandex.Metrica para mantener estadísticas.
Este servicio ofrece a los usuarios colocar botones de redes sociales muy bonitos y elegantes en su sitio web. El formulario creado por el servicio utiliza css y javascript. El formulario generado encajará perfectamente en el diseño de cualquier proyecto de Internet. Los botones similares se hacen usando tecnología moderna jquery. La conexión es muy sencilla y no causará dificultades ni siquiera a los principiantes. La carga es muy rápida.
Se trata de un servicio online útil y completamente gratuito que ofrece a los usuarios colocar botones de esta forma: en una fila, dispuestos en forma de menú desplegable, iconos de todos los servicios seguidos. Después de seleccionar las opciones de visualización, el servicio generará automáticamente un especial código javascript, que deberá colocarse en el lugar requerido del sitio.

Además, el servicio te indica cómo agregar el código creado a las plantillas.
Al utilizar este servicio, puede agregar rápida y fácilmente los botones necesarios a su sitio web o blog. Para ello sólo necesitas hacer tres pasos simples: seleccione la ubicación donde se ubicará el widget creado, seleccione el estilo de los botones y obtenga el código. Al colocar dichos botones en el blog creado, los visitantes podrán agregar materiales interesantes a sus propios marcadores y redes sociales.

Por lo tanto, instalar botones de redes sociales para un sitio web es muy sencillo y no causará ninguna dificultad ni siquiera a los usuarios novatos de Internet. Si lo desea, puede instalar botones para todas las redes disponibles o seleccionar solo algunas ciertas redes. Para hacer esto necesitas usar widgets oficiales o de terceros. servicios en línea. Los más populares son los botones instalados en blogs personales, o en proyectos de Internet de noticias o entretenimiento. :)

PD Gracias por su atención. ¿Qué servicio prefieres? Espero sus comentarios. :)

¡Hola a todos! Hoy hablaremos de los cinco más servicios interesantes, donde podrás seleccionar rápida y fácilmente la apariencia botones sociales para el sitio y obtener el código correspondiente.

Marque las casillas puntos necesarios y elige la apariencia del bloque. El código se genera automáticamente.

Google+1

Google +1 permite a los usuarios votar por la página de su portal y contársela a sus amigos en las redes sociales. red de google+. Cuantos más votos obtenga, mejor lo tratará Google, así que intenta elegirle un tamaño mayor y colocarlo en un lugar visible.

Personaliza el tamaño y la apariencia del botón, selecciona el idioma ruso. Es poco probable que la configuración avanzada le resulte útil. Como puede ver, obtener botones sociales de Yandex y Google es muy fácil y rápido. ¡Literalmente dos clics del mouse y listo!

AddThis.com ofrece publicar botón naranja Compartir (o naranja +), que contiene una gran cantidad de diversas redes sociales, marcadores y servicios. Las redes sociales más populares se pueden tomar de lista general y colóquelo por separado junto a Compartir. Además, el servicio ofrece análisis y estadísticas sobre la actividad de los lectores. Para acceder a él, debes registrarte en addthis.com.

Si hizo todo correctamente y la carpeta con el script está cargada en el directorio raíz, entonces su dirección será http://vash_site.ru/share42/. Especifíquelo en el párrafo 3 de la sección "Instalación del script en el sitio".

En el cuarto paso se le pedirá que seleccione su sitio si lo está utilizando. Dependiendo del elemento marcado, el siguiente código cambiará ligeramente.

Ahora necesitas pegar el código del paso número 5 en tu sitio web. Para bloque horizontal Los botones sociales son simples: dondequiera que los insertes, aparecerán allí. Con una vertical flotante es algo más complicado.

En la última línea de código deberás indicar la distancia en píxeles desde el inicio de la página (150 en el ejemplo) y desde la parte superior área visible(en el ejemplo 20) al panel flotante.

Si no sabe exactamente dónde insertar el código, el método de "hurgar científicamente" siempre vendrá al rescate; tarde o temprano lo logrará y el panel aparecerá en el lugar correcto.

Lo último que debe hacer es copiar los estilos del paso 6 en el archivo de estilos de su sitio, con una extensión .css. La mayoría de las veces, este archivo se llama style.css.

Y ahora lo más destacado del programa: los botones sociales con contadores que uso en momento presente en tu blog! ¡Se ven simplemente hermosos! Disponible en dos tamaños: pequeño y grande. Por cierto, la gente hace clic en los iconos con contadores con mucha más disposición. Incluso yo mismo me di cuenta de esto.

Para obtener información sobre cómo instalarlos en su blog, consulte la sección "Información importante":

El primer código es responsable de la funcionalidad de los botones; lo insertamos antes del de cierre. etiqueta de cabeza, que en los temas de WordPress se encuentra en la plantilla header.php.

< script src= "//yandex.st/share/cnt.share.js">

El segundo código es responsable de mostrarlos. Lo insertamos en ese lugar. código fuente páginas donde deberían aparecer los iconos.

< div class = "yashare-auto-init" data- yashareLink= "" data- yashareTitle= "" data- yashareDescription= "" data- yashareImage= "" data- yashareQuickServices= "yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" datos- yashareTheme= "contador" datos- yashareType= "pequeño" >

Preste atención al atributo data-yashareType="small". Aquí configura el tamaño de los iconos: pequeño - pequeño, grande - grande. Todo lo ingenioso es simple.

Cómo agregar código de botón social a un sitio web

Hemos resuelto el script de Share42, ahora veamos cuál es la mejor manera de agregar código para botones sociales de otros servicios a un recurso de Internet.

El código del botón consta de dos partes:

1. Un script encerrado entre etiquetas que se parece a esto:

Y el código responsable de mostrar los botones sociales se puede insertar en cualquier parte del sitio.

Eso es todo, gracias por su atención. ¡Cuídate!

Aquí aparece la frase “¿Quién quiere comprar software con un 8% de descuento en la promoción?” escrito por el propio usuario, y a continuación se muestra cómo se ve el enlace al sitio en la red social. No muy bonito, ¿verdad?

entonces el enlace en la red social se verá así:

Aquí "Hoy es el cumpleaños de allsoft.ru - 8 años :)" es el texto escrito por el usuario, el resto es información de metaetiquetas. Puede leer más sobre estas metaetiquetas en pagina de facebook developers.facebook.com/docs/share, otras redes sociales también los entienden bastante bien.

¿Cómo funciona generalmente este mecanismo?
1. Cuando el usuario hace clic en el botón, el widget transmite un enlace a la página al servidor de la red social.
2. Servidor social La propia red accede a este enlace y lee información sobre la página: título, descripción, imagen.
3. Servidor social La red almacena en caché la información de la página en su costado y la muestra en las páginas de redes sociales.

Cómo enviar diferentes descripciones para una página.
Por ejemplo, al crear una página promocional en allsoft.ru con una prueba de cómic, era necesario diferentes cantidades Los puntos obtenidos por el usuario en la prueba, transmiten diferentes descripciones a las redes sociales. Dado que la descripción de la página la recibe la red social al hacer clic en el enlace, entonces para diferentes descripciones Necesita enlaces diferentes. Además, Twitter sólo permite 140 caracteres, por lo que necesita una descripción más breve y separada.

Nuevo Ya.share(( elemento: "ya_share_normal", elementStyle: ( "tipo": "none", "quickServices": ["facebook","twitter","odnoklassniki","vkontakte","moimir"]), enlace: "http://allsoft.ru/promo/allsoft8let/?share=normal", serviceSpecific: ( twitter: ( título: "Resultado de la prueba: ¡El Dragón es casi tu punto fuerte! Aún no puedes enseñar Dragonología, pero ¡en el camino correcto!" ) ) ));
1. Aquí ya_share_normal es el id del elemento de la página (), en el que aparecerá el bloque con botones sociales, link es el enlace, además en serviceSpecific para Twitter indicamos el título, que difiere del que está en el og: metaetiqueta de título.

Así, para el problema “3 diferentes resultados prueba más un enlace general a una página fuera de la prueba” tendremos 4 etiquetas:

y 4 bloques de código JavaScript como el anterior.

Cómo cambiar el título y la descripción almacenados en caché por la red social.
1. Para Facebook existe el más mejor manera: ir a su depurador

redes sociales gran herramienta para promocionar su sitio web en Internet. A través de las redes sociales, puede generar un tráfico enorme a su recurso de forma totalmente gratuita utilizando un enfoque común: los botones de las redes sociales. Los botones de redes sociales en un sitio web pueden mejorar significativamente no sólo el tráfico, sino también las relaciones con los motores de búsqueda y, en consecuencia, aumentar nuevamente el tráfico de visitantes.

En este artículo he recopilado todo. formas posibles conectando botones de redes sociales para el sitio, si no encuentra el que necesita, escriba en los comentarios, me aseguraré de agregarlo. Qué métodos se discutirán:

Para empezar pequeña excursión sobre el tema de qué son estos mismos botones de redes sociales para un sitio web y por qué son necesarios.
Un excelente video del servicio Pluso lo ayudará a seleccionar, configurar e implementar botones fácilmente en absolutamente cualquier sitio web:

En en este momento Las redes sociales juegan un papel muy importante en la vida de la persona promedio. Casi una de cada dos personas tiene al menos un perfil en las redes sociales. Por esta razón, aprovechar las oportunidades para promocionar sitios web en las redes sociales es tan relevante; este es un mundo enorme de usuarios y compradores;

Creo que, dado que está leyendo este artículo, conoce el propósito aproximado o exacto de los botones para compartir en el sitio, lo que significa que podemos pasar a la parte principal del artículo, es decir, agregar íconos.

Botones de redes sociales de Yandex

Popular Motor de búsqueda en ruso Proporciona una excelente oportunidad para los botones de redes sociales en un sitio web de Yandex. Todo aquí es dolorosamente simple:

Ahora algunas imágenes para una mejor comprensión, elijamos qué sitios usaremos:

Seleccionamos la apariencia, botones con o sin contador, pequeños o grandes, y copiamos el código para incrustar en el sitio:

Todo es sumamente sencillo, es incluso más fácil que usar complementos, bueno, al menos a mí me lo parece.

No los revisaré todos. posibles servicios, su esencia es la misma:

Elige las redes sociales.
Cambia tu apariencia.
Copia el código.
Pégalo en tu sitio web.

Ahora la lista de servicios:

http://share.pluso.ru/
http://share42.com/ru
https://uptolike.com/
http://social-likes.js.org/ru/

Las configuraciones son casi idénticas; puede elegir aquellas que le resulten más comprensibles o una funcionalidad más amplia. Ejemplo del primer servicio:

No lo describiré en mucho tiempo, no es necesario, todo es intuitivo.

Cómo instalar botones de redes sociales en un sitio web de WordPress

Normalmente, los botones de enlace se encuentran debajo de los artículos o en las barras laterales. Para colocar botones de redes sociales en su sitio web, necesitaremos instalar y configurar el complemento requerido o incrustar el código directamente en la plantilla. Veamos primero los complementos y luego adición manual botones Puede leer cómo instalar complementos.

Para este caso elegimos dos complemento conveniente, que se llaman Social Share Buttons y Jetpack.

El primer complemento más avanzado para agregar botones de redes sociales a su sitio de WordPress es Jetpack.

Este complemento fue creado y mantenido por desarrolladores de WordPress, por lo que es más confiable que otros.

Luego hacemos clic en “Personalizar” y somos transferidos al menú de configuración de la red social.

En este bloque seleccionamos los botones que necesitamos para las redes sociales.

Para seleccionar los que necesitamos sólo tenemos que arrastrar y soltar botones de redes sociales desde el campo superior hacia abajo, debajo veremos una visualización de iconos.

En el siguiente menú configuramos estilo de botón Y lugares de su retiro en nuestro sitio web.

Después de haber configurado lo que necesitamos, haga clic en "Guardar cambios" y nuestro botones de redes sociales aparecerá debajo de nuestras publicaciones en el sitio web.

Instalación de botones de redes sociales en un sitio de WordPress. Configuración de botones para compartir en redes sociales.

Entonces, no nos andemos con rodeos, sino que vayamos directamente a instalar botones de redes sociales. Nos dirigimos al menú de configuración y adición de complementos. A través de una búsqueda encontramos nuestra propuesta de Social Share Buttons para WordPress.

Instalado y activado complemento para agregar íconos de redes sociales, accedemos al nuevo menú que aparece desde la consola de nuestro WordPress - Botones Compartir.

Como puedes ver, nuestro menú se divide en tres submenús, veamos y analicemos cada uno de ellos por separado:

Configuraciones principales para mostrar botones de redes sociales en un sitio de WordPress.

¿Qué podemos configurar aquí?

Podemos cargar el logotipo de nuestro sitio, lo que le dará a nuestros botones alguna conexión visual con nuestro recurso.
Se puede colocar un texto de llamada o algo así encima de los botones.
Generación automática de metadatos que estarán vinculados al artículo publicado en la red social.
Posicionamiento de botones de redes sociales, centro izquierda derecha con relación al artículo.
Posiciones de botones verticales, inferior o superior.

Y las casillas de verificación para elegir dónde se muestran sus botones, desde la posición "Inicio", la casilla de verificación se eliminó porque no necesitamos botones debajo de cada anuncio de artículo en pagina de inicio, también puede excluir artículos en los que no se mostrarán los iconos de los botones.

Compartir configuración, elección de estilo de botón para redes sociales.

Elegimos el estilo que más nos guste y ordenamos nuestros iconos a nuestro criterio.
Configuramos con qué redes sociales. Redes con las que desea interactuar y dónde promocionar su producto en consecuencia.
Configuración de relleno entre iconos.

En este ciclo de configuración de botones para interactuar con redes sociales en un sitio web de WordPress, debe tratar cada botón por separado, si está interesado y necesita descubrir qué es qué.

Una vez realizadas todas las configuraciones, podemos verificar su utilidad y funcionalidad en su sitio de WordPress.

Depende de usted qué complemento utilizar, pero recomiendo Jetpack, se actualiza con frecuencia y su funcionamiento es más rápido.

Agregar cada botón de redes sociales individualmente

Twitter también ofrece configuraciones extensas para botones. Enlace, captura de pantalla a continuación:

No mucha gente lo usa, pero el botón de mail ru también puede resultar útil.

Parece Odnoklassniki, ¿por qué sería eso?

Agregar íconos a perfiles y grupos en redes sociales en el sitio

Ahora te mostraré pequeño ejemplo cómo se pueden agregar íconos a los perfiles en las redes sociales del sitio. Este el método funcionará no sólo para WordPress, sino para cualquier otro sitio.

Entonces, ¿qué necesitamos?

Decidir sobre la futura ubicación de los iconos;
mínimo conocimiento html y CSS, no importa cómo lo mires, no puedo predecir todas las opciones que puedas necesitar.
Imágenes-iconos listos para usar de redes sociales, descargados de Internet. Puedes encontrar muchos de ellos usando la búsqueda.
acceso a archivos de plantilla.

Primero que nada te mostraré un pequeño código para 2 redes sociales, VK y G+, además de un ícono Cintas FeedBurner. Por analogía, puedes agregar tantos íconos como quieras.