• Saltar a la navegación principal
  • Saltar al contenido principal

Dani Sánchez - Gestionatuweb

Desarrollador web freelance

  • Quién soy
  • ¿Eres agencia?
  • WordPress
    • Mantenimiento WordPress
    • Desarrollo WordPress
    • Soporte técnico WordPress
  • Cursos
  • Blog
  • Portfolio
  • Solicita Presupuesto
Plugin Super Socializer

Integra tus redes sociales en WordPress con Super Socializer

El 13 de septiembre de 2016 por dani 6 comentarios

Aviso: Esta entrada tiene 2 o más años, es posible que el método difiera ligeramente, las capturas de pantalla no se correspondan con la versión actual o que la herramienta/complemento ya no esté disponible.

Las redes sociales son una gran fuente de difusión para tus contenidos, proyectos o empresa. Ofrecer la posibilidad de compartir tus contenidos en Facebook, Twitter, Google+, etc. abre todo un abanico de potenciales seguidores/clientes, aumenta el tráfico hacia tu web y por consiguiente el posicionamiento en buscadores.

Uno de los plugins más completos que uso para integrar redes sociales con WordPress es Super Socializer:

Plugin Super Socializer

Podemos encontrarlo gratuitamente en el repositorio de plugins de WordPress.

Descargar y activar super socializer

Una vez descargado y activado aparecerá como un elemento más del menú principal de WordPress:

Menú - Super Socializer

El menú de Super Socializer se divide en varias subsecciones:

  • Opciones generales.
  • Social commenting.
  • Social login.
  • Social sharing.
  • Like buttons.

Intentaremos repasarlas una por una viendo los efectos que causa en WordPress según activamos y configuramos opciones.

Opciones generales

Opciones generales de Super Socializer

En este apartado podemos configurar que los archivos JavaScript del plugin se carguen al final de la página. Es una buena práctica para hacer que nuestras páginas carguen antes, así que mi recomendación es activarlo.

Otra opción es la de reunir todos los archivos JavaScript en uno, si vamos a usar todas las funciones del plugin puede ser interesante englobar todos los archivos en uno, pero si solamente vamos a usar alguna funciones mi recomendación es dejarlo desactivado.

También se nos permite eliminar todas las opciones configuradas si decidimos desinstalar el plugin, es decir, que no queden rastros del mismo.

CSS Personalizado: Si tenemos conocimientos de CSS, podemos personalizar las clases del plugin que deseemos.

Social Commenting

Este apartado configura las opciones relacionadas con los comentarios en nuestras entradas y páginas.

Opciones Social Commenting

Permitir comentarios en redes sociales: Activa esta casilla para permitir que nuestros visitantes comenten nuestras entradas identificándose mediante sus perfiles sociales.

Orden de pestañas en la interfaz en la interfaz de comentarios: Si habilitamos varias opciones para realizar comentarios, podemos ordenar las distintas opciones según nuestra preferencia, por ejemplo si ordenamos: wordpress,facebook,googleplus, en la sección de comentarios de la entrada, aparecerán en ese orden:

Pestañas de comentarios

También podemos configurar dónde se activarán los comentarios sociales:

  • En entradas.
  • En páginas.
  • Adjuntos.

Etiquetas: Podemos personalizar las etiquetas que indican a nuestro visitante desde dónde comentar:

etiquetas social commenting

Para habilitar que nuestros visitantes puedan comentar desde sus perfiles de Facebook, debemos marcar la casilla Permitir comentarios de Facebook:

Permitir comentarios de Facebook

URL para comentar: Podemos especificar hacia qué URL harán referencia los comentarios. Si la dejamos en blanco, tomará la URL de la entrada desde la que se realice el comentario.

Ancho: Recomiendo dejarlo en blanco para que el ancho se adapte a la pantalla.

Número de comentarios: Número de comentarios a mostrar, por defecto son 10.

Para habilitar que nuestros visitantes puedan comentar desde sus perfiles de Google+ y Disqus, debemos marcar las casillas Permitir comentarios de Google Plus y Permitir comentarios de Disqus.

Permitir comentarios de Google Plus

Una vez configurados y habilitados los comentarios a través de redes sociales, aparecerán en la sección de comentarios de nuestra web para que el visitante escoja desde dónde comentar:

  • Comentar desde WordPress

Social Login

Otra interesante opción es que nuestros visitantes pueden iniciar sesión (logearse) en nuestra web utilizando su perfil social de Facebook, Twitter, Linkein, etc., en el caso que dispongamos de secciones que requieran de inicio de sesión.

Activar inicio de sesión social

Si activamos la casilla Permitir el Ingreso a través de redes sociales, se abrirá una serie de opciones:

Opciones básicas de Social Login

La configuración básica nos permite seleccionar desde qué redes sociales vamos a permitir iniciar sesión en nuestra web. Vamos a necesitar una serie de IDs y Keys para poder usar las distintas APIs de inicio de sesión de estas redes. Por ejemplo, para poder usar el inicio de sesión desde Facebook necesitamos registrarnos en el programa Facebook para desarrolladores y dar de alta una APP que nos dará la ID que necesitamos.

Configuración avanzada

Configuración avazanda Social Login
  • Título: Configura el mensaje personalizado que se le indica al usuario para iniciar sesión desde su red social.
  • Permitir página de ingreso: Habilita el inicio de sesión mediante redes sociales en el formulario de inicio de sesión de WordPress.
  • Permitir página de registro: Habilita el registro en WordPress a través de redes sociales.
  • Permitir el formulario de comentarios: Permite escoger desde qué red social comentar en el apartado de comentarios de WordPress.
  • Aprobar automáticamente los comentarios hechos por los usuarios conectados a través de redes sociales: Si tenemos activada la moderación de comentarios de WordPress, esta opción permite validar el comentario si el usuario está identificado en una red social. Para el caso en que solo queramos comprobar si quien comenta es una persona o un bot de SPAM.
  • Permitir avatar social: Permite usar la foto de perfil social del usuario como imagen de usuario en WordPress.
  • Calidad del avatar: Podemos configurar en alta o media. Dependiendo de la velocidad de carga de nuestra web puede ser conveniente usar una u otra.
  • E-Mail requerido: El objetivo de iniciar sesión mediante una red social, es que el usuario no tiene que molestarse en teclear su dirección de e-mail y contraseña, ya que la dirección e-mail se toma directamente de la red social. Pero si no se ha podido recibir ninguna dirección de e-mail desde la red social, puede ser requerido que el usuario introduzca una dirección válida.
  • Send post-registration email to user to set account password: Si se activa, envía un e-mail al usuario después de registrarse a través de su red social preferida, con su nombre de usuario y contraseña que servirán para iniciar sesión en el formulario tradicional de WordPress.
  • Send new user registration notification email to admin: Si se activa, se enviará un e-mail al administrador de la web notificando el registro de un usuario a través de red social.
  • Redirección de ingreso: Aquí podemos seleccionar a qué página vamos a enviar a nuestro usuario después de iniciar sesión.
  • Redirección de registro: Al igual que en la redirección de ingreso, podemos especificar a qué página se envía al usuario tras registrarse en la web.

Opciones de popup de E-Mail

texto del popup social login

Si hemos activado la casilla de E-Mail Requerido, aquí podemos personalizar los mensajes a mostrar y la anchura de la ventana modal del formulario.

Social Sharing

Si queremos que nuestros visitantes puedan compartir nuestros contenidos a través de redes sociales, lo primero que debemos es activar la casilla «Permitir compartir en redes sociales».

Permitir compartir en redes sociales

Esta sección de Super Socializer está dividida en varias subsecciones:

En la primera sección, Selección de temas, podemos personalizar el estilo de los iconos sociales a mostrar, tanto para la interfaz estándar, como para la interfaz flotante.

Personalizar iconos sociales

Podemos configurar ajustes como la forma (redondeada, cuadrada, rectangular), el tamaño (en píxeles), color del logo, color del fondo, del borde…posición del contador de veces compartido (izquierda, derecha, arriba, abajo…).

  • intefaz flotante
  • interfaz estándar

Una vez configurados los iconos a nuestro gusto pasamos a específicar qué redes sociales vamos a habilitar en la Interfaz estándar:

Configurar interfaz estándar

Algunas de las opciones que podemos configurar son:

  • URL a compartir: Por defecto se compartirá la URL de la página o entrada desde la que se active el botón de compartir. Pero también podemos cambiarlo por la página de inicio o por una URL personalizada.
  • Título: Un mensaje del estilo: «Comparte esta noticia».
  • Reorganizar iconos: Podemos arrastrar con el ratón el orden de los iconos mostrados.
  • Activar servicios: Se nos muestra un listado con todas las redes sociales soportadas. La recomendación es que nos ciñamos a aquellas en las que trabajemos habitualmente, ya que activar un número excesivo de redes, además de ralentizar la carga de la página, puede incomodar a nuestros usuarios.
Personalización de interfaz estándar 2ª parte
  • Alineación horizontal: Permite especificar hacia qué lado queremos alinear los iconos sociales:
  • interfaz estándar
  • Alineación de los iconos
  • Posición respecto al contenido: Podemos situar los iconos sociales encima o debajo del contenido de la entrada o página.
  • Ubicación: Seleccionemos en qué tipo de páginas y entradas van a aparecer los iconos sociales de compartir (entradas, páginas, páginas de categoría, archivos adjuntos…).
  • Mostrar contadores de las veces compartidas: Si tenemos mucha difusión social, puede ser interesante mostrar el número de veces que se ha compartido nuestro contenido, pues indica a nuestro visitante que está muy bien valorado.
  • Mostrar número total de veces compartidas: Hace la suma de todas las veces compartido en el conjunto de redes sociales.
  • Permitir el icono más: Si configuramos un número de redes limitado para compartir pero queremos dar la posibilidad de que los usuarios elijan otra red, podemos facilitarlo mediante el botón «Más», que abrirá en forma de ventana modal el resto de redes sociales disponibles:
Botón más redes

Configurar interfaz flotante

Configurar intefaz flotante

 Las opciones de configuración de interfaz flotante son muy similares a los de la interfaz estándar: URL que se comparte, organización de iconos, selección de redes sociales…

Podemos ajustar la posición (derecha o izquierda) y la distancia a la que situarán del borde de la pantalla (en píxeles).

posición interfaz flotante
intefaz flotante

Las últimas opciones de la interfaz flotante permiten:

  • Mostrar la intefaz vertical cuando la pantalla es más ancha que……píxels: Si el tamaño de ventana es inferior al número especificado, la interfaz flotante se transformará en posición horizontal, y en tal caso podemos especificar su posición horizontal:
posición horizontal interfaz flotante

Así queda la interfaz flotante cuando el ancho de pantalla no llega a 783 píxels:

intefaz flotante horizontal

Miscelánea

Para finalizar con esta guía de Super Socializer, podemos configurar algunos aspectos extra, como por ejemplo, los acortadores de URL:

Miscelánea

Los acortadores de URL son servicios que crean pequeñas URLs enlazadas con la URL original. Son muy utilizadas en servicios como Twitter, donde estamos limitados por un número de caracteres. Podemos utilizar un acortador de URL instalado de otro plugin o usar el servicio de bit.ly, donde debemos introducir nuestro Login y API Key.

Share Count Caché e Idioma: Actualiza los contadores de las veces compartidas. Podemos especificar cada cuántos minutos se actualizarán. Así mismo introducir el código internacional de idioma, habilitará las interfaces sociales al idioma especificado.

caché contadores e idiomas

Like Buttons

Los botones «Me gusta» son otro buen recurso para conseguir difusión en redes sociales. Son muy cómodos para nuestros visitantes, ya que solamente tienen que hacer «1 clic» para hacer referencia en sus perfiles sociales a cerca de su interés en nuestro contenido. Para habilitarlos activamos la casilla Permitir Botones Me Gusta:

Activar Botones Me Gusta

Al activarlo se abrirán las opciones de activar los botones tanto en interfaz estándar como en interfaz flotante (al igual que los botones de compartir), así como configurar las redes sociales a integrar y la posición de los iconos dentro de la entrada y página:

Botones Me Gusta Interfaz Estándar y Flotante

Widgets

Super Socializer también incluye algunos prácticos Widgets para usar según nuestras necesidades:

widgets super socializer

Por ejemplo, podemos añadir al sidebar derecho, una caja con las principales redes sociales para compartir nuestro sitio web:

Añadir caja widget a sidebar
botones compartir en sidebar

Resumiendo, Super Socializer es uno de los plugins sociales más completos y utilizados. Seguramente en este artículo se hayan quedado bastantes cosas en el tintero, aunque espero que de una visión global del potencial del plugin y su facilidad de uso.

Recuerda que puedes dejar tus comentarios.

Archivado en: Actualidad, Publicaciones, WordPress Etiquetado como: plugins, tutoriales, wordpress

Interacciones con los lectores

Comentarios

  1. Neifer dice

    15 de mayo de 2020 a las 23:29

    Hola. Gracias por la información. Instalé el plugin y en la página de inicio no aparecen los botones de redes sociales pero en las demás páginas si, ¿por qué?

    Responder
    • Daniel, Gestionatuweb.net dice

      16 de mayo de 2020 a las 09:58

      Hola, hace casi 4 años que escribí el artículo, seguramente hayan cambiado bastantes cosas del plugin desde entonces. Un saludo.

      Responder
  2. Claudia Gomez dice

    4 de noviembre de 2016 a las 12:28

    Gracias por tanta buena información.
    Pregunta: Se pueden moderar los comentarios dejados en wordpress por medio de redes sociales?

    Responder
    • Daniel dice

      7 de noviembre de 2016 a las 09:36

      Hola, si se pueden moderar. En cada comentario está la típica pestaña que desplega el menú de «Marcar como Spam, denunciar, etc.». La única pega es que los comentarios desde redes sociales no son notificados desde la sección de Comentarios de WordPress. Un saludo.

      Responder
      • Ander Garcia dice

        8 de marzo de 2018 a las 00:42

        y cómo se hace el seguimiento de los mensajes que te dejan en Facebook? Porque estaría bien que te enteraras si alguien escribe un coment para contestarles. Un fallo bastante grande no?

        Responder
        • dani dice

          9 de marzo de 2018 a las 07:00

          Hola, hace tiempo que escribí este artículo, y mirando la versión actual del plugin, veo que han añadido esto:

          Captura

          Es posible que ahora si se nos notifique de algún modo cuando alguien comente, pues no he tenido tiempo de probarlo.

          Responder

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Acepto la política de privacidad

Hosting recomendado

Raiola Networks

Autor

Dani Sánchez
Dani Sánchez
@danisanchez82

Entradas recientes

  • Optimizar el archivo de configuración de WordPress (wp-config.php)
  • ¿Qué plugins tengo instalados en mi web en 2022?
  • Tu alojamiento web no es compatible con la rotación de imágenes. [Solución]
  • Instalar LAMP en Manjaro (Linux, Apache, MySQL y PHP)
  • Instalar LAMP (Linux, Apache, MySQL y PHP) en Fedora 34

Comentarios recientes

  1. Armando en Instalar LAMP (Linux, Apache, MySQL y PHP) en Fedora 34
  2. Vito en Configurar en español los campos tipo fecha (date) en Ninja Forms
  3. Manel en Calcular rutas con OpenStreetMap partiendo de la geolocalización del usuario
  4. Leo en Modificar textos predefinidos de WordPress sin editar la traducción
  5. Alejo en Instalar LAMP en Manjaro (Linux, Apache, MySQL y PHP)

Categorías

  • Actualidad
  • Afiliación AliExpress
  • Agent Press Pro
  • Bettaso Web Restaurantes
  • Cursos
  • Destacado
  • Divi
  • Drupal
  • Elementor
  • Genesis
  • Iniciación a PHP
  • Joomla!
  • Linux
  • Publicaciones
  • Tutoriales
  • WooCommerce
  • WordPress

Divi 20% descuento

Hosting Recomendado

Raiola Networks
Banner

Sitios web corporativos, blogs y tiendas online cuidando hasta el mínimo detalle

Si deseas proponerme un proyecto web ponte en contacto conmigo.

Contacto

Gestionatuweb © 2022 · Desarrollado con Genesis · Acceder
Política de privacidad · Política de cookies

En Gestionatuweb.net utilizamos cookies técnicas para el correcto funcionamiento del sitio. Además, utilizamos cookies para obtener datos estadísticos sobre el uso de la web, con el fin de mejorar la experiencia de navegación y conocer qué contenidos son los más consultados. Otras cookies son usadas para servicios adicionales, como conexión con redes sociales, marketing o mostrar publicidad acorde a tus gustos. Puedes desactivar todas las cookies (excepto las técnicas) pulsando en Rechazar, o elegir qué cookies admites y cuales no en el botón de Preferencias. Más información sobre las cookies que utilizamos en nuestra: Política de cookies.

Gestor de cookies:  GDPR Cookie Compliance
Resumen de uso de cookies

En Gestionatuweb.net utilizamos cookies técnicas para el correcto funcionamiento del sitio. Además, utilizamos cookies para obtener datos estadísticos sobre el uso de la web, con el fin de mejorar la experiencia de navegación y conocer qué contenidos son los más consultados. Otras cookies son usadas para servicios adicionales, como conexión con redes sociales, marketing o mostrar publicidad acorde con tus intereses. Puedes desactivar todas las cookies (excepto las técnicas) pulsando en Rechazar, o elegir qué cookies admites y cuales no en el botón de Preferencias.

Cookies técnicas (necesarias)

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies. Estas cookies son:

  • moove_gdpr_popup: Comprueba si debe mostrar o no el aviso de cookies (si ya ha sido aceptado o rechazado no se vuelve a mostrar mientras persista esta cookie). Expira en 1 año.
  • cpnb_cookiesSettings: Comprueba qué categorías de cookies se aceptan o rechazan (por ejemplo, cookies analíticas, cookies de publicidad dirigida, etc.). Expira en 1 año.
  • _GRECAPTCHA: Esta web utiliza el servicio reCAPTCHA para fortalecer la seguridad en los formularios y evitar el envío masivo de SPAM. reCAPTCHA utiliza esta cookie necesaria para realizar su análisis de riesgo. Expira en 6 meses.

Si desactivas esta cookie no podremos guardar tus preferencias. Esto significa que cada vez que visites esta web tendrás que activar o desactivar las cookies de nuevo.

Cookies de analítica

Utilizamos Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares. Dejando estas cookies activas nos permite mejorar nuestra web.

  • _ga: Analítica de Google. Se usa para distinguir a los usuarios. Expira en 2 años.
  • _gid: Se usa para distinguir a los usuarios. Expira en 24 horas.
  • _gat: Se usa para limitar el porcentaje de solicitudes. Expira en 1 minuto.

¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!

Cookies de publicidad

Utilizamos Google Adsense para mostrar publicidad en los artículos del blog acordes a tus intereses. Esta publicidad nos ayuda al mantenimiento del sitio web y del tiempo dedicado a la redacción del blog.

  • _gads: Publicidad de Google Adsense. Proporciona la publicación de anuncios de interés para el usuario. Expira en 13 meses.

¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!

Política de cookies

Más información sobre nuestra política de cookies