twitter - tips - que debe saber un community manager 2018

Ocultar la palabra "seguidores" del botón Seguir de Twitter

Question

¿Hay alguna manera de modificar el botón ''seguir'' de Twitter para mostrar la cantidad de seguidores en una burbuja pero ocultar la palabra "seguidores"? Básicamente quiero que mi botón ''seguir'' tenga el mismo aspecto que el botón ''twittear''.

El código actual se ve así:

<a href="https://twitter.com/User" class="twitter-follow-button" data-show-count="true" 
data-show-screen-name="false" data-dnt="true">Follow @User</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id))
{js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Answer 1

Tuve este mismo problema y lo resolví básicamente ocultando la palabra ''seguidores'' y creando un borde derecho falso en la burbuja, si eso tiene sentido. Por lo tanto, debe ajustar el botón en su div, ocultar el desbordamiento de ese div y establecer el ancho en el punto exacto donde la palabra desaparece y la altura exactamente a la altura del botón que está utilizando. Aquí hay un ejemplo de código:

#titter-div {
    border-radius: 4px; /* to mimic the curved edges of the count box */
    border-right: 1px solid #AAAAAA; /* this is the width and color of the count box border */
    height: 20px; /* this height works for the medium button */
    width: 88px; /* precise width to hide the word */
    overflow: hidden; /* actually hides the word */
}

Esto funcionó para mí para crear exactamente lo que estás buscando. Espero que esto ayude.

Answer 2

Para mostrar la cantidad de seguidores en una burbuja pero ocultar la palabra "seguidores", aquí está el código que uso con un iframe:

<iframe
  src="//platform.twitter.com/widgets/follow_button.html?screen_name=Vacance_Luberon&show_screen_name=false"
  style="width: 88px; height: 20px;"
  allowtransparency="true"
  frameborder="0"
  scrolling="no">
</iframe>