Com crear botons de xarxes socials per a totes les xarxes principals

  • Comparteix Això
Kimberly Parker

Taula de continguts

Fomentar la compartició social entre els vostres clients i fans pot ser una bona manera d'ampliar el vostre abast en línia. Però ningú no compartirà el teu contingut si és una tasca fer-ho.

Oblida't de fer que la gent copie i enganxi enllaços. Amb un codi senzill, podeu afegir botons de xarxes socials que permetin als usuaris compartir el vostre contingut a través del web amb només un parell de clics.

Taula de continguts

Tipus de xarxes socials. botons

Botons de xarxes socials per a Facebook

Botons de xarxes socials per a Instagram

Botons de xarxes socials per a LinkedIn

Botons de xarxes socials per a Twitter

Botons de xarxes socials per a YouTube

Meses socials botons per a Pinterest

Botons de xarxes socials per a SMMExpert

Tipus de botons de xarxes socials

Els tipus més comuns de botons de xarxes socials ofereixen compartir , agrada i segueix funcions. Cadascun té un propòsit diferent i les maneres de treballar varien una mica entre les xarxes. Però cada tipus generalment fa el que indica el seu nom:

  • Botons per compartir permeten als usuaris compartir el vostre contingut amb amics i seguidors
  • Botons M'agrada permetre'ls donar un grat virtual al teu contingut
  • Els botons de seguiment els subscriuran a les teves actualitzacions a la xarxa social especificada

Totes les xarxes socials els botons multimèdia d'aquesta publicació estan actius, de manera que podeu interactuar amb ells per veure exactament com ho fan Botó Hashtag

  • Introduïu l'etiqueta escollida, inclòs el símbol # (p. ex., #HootChat)
  • Feu clic a Vista prèvia
  • A sobre al quadre de codi, feu clic a establir opcions de personalització
  • Introduïu les vostres preferències per a les opcions de piular i la mida del botó i, a continuació, feu clic a Actualitza
  • Copieu i enganxeu el el codi proporcionat al vostre HTML
  • Opcions del botó de l'etiqueta de Twitter

    Com amb el botó d'esmentar, podeu introduir text preemplenament, triar la mida del botó i especifiqueu l'idioma en què voleu mostrar el text del botó. També podeu optar per incloure un URL específic, que podria funcionar bé si arxiveu els vostres xats de Twitter o recolliu contingut generat pels usuaris en una pàgina específica. També podeu triar una pàgina de destinació rellevant per a una campanya d'etiquetes específica.

    Botó de missatges de Twitter

    Com funciona

    El botó de missatge de Twitter permet als usuaris enviar-vos un missatge directe privat a Twitter. Tingueu en compte que aquesta és una funció diferent del botó d'enviament de Facebook, que permet als usuaris enviar el vostre contingut en un missatge privat a qualsevol persona amb qui estiguin connectats. Amb el botó de missatge de Twitter, els usuaris només poden contactar amb tu, no amb ningú més a Twitter. Tot i que això no ajudarà a ampliar el vostre abast social, podria ser una bona manera d'animar la gent a contactar amb el vostre equip d'atenció al client i vendes a través de Twitter.

    Un botó de missatge de Twitter funcionarà millor sitens el teu compte configurat per permetre missatges directes de qualsevol persona. En cas contrari, les persones que no et segueixen no podran enviar-te missatges i poden acabar sent frustrades amb la teva marca.

    Com afegir un botó de missatges de Twitter

    1. Inicieu la sessió al vostre compte de Twitter
    2. A la columna de l'esquerra, feu clic a Privadesa i seguretat
    3. Desplaceu-vos cap avall fins a Missatge directe i marqueu la casella que hi ha al costat de Rebeu missatges directes de qualsevol persona
    4. A la columna de l'esquerra, feu clic a Les vostres dades de Twitter. És possible que hàgiu d'introduir la vostra contrasenya per accedir a aquesta pantalla
    5. Seleccioneu i copieu el vostre ID d'usuari, que apareix sota el vostre nom d'usuari
    6. Aneu a publish.twitter.com, desplaceu-vos cap avall i feu clic a Botons de Twitter
    7. Feu clic a Botó de missatges
    8. Introduïu el vostre nom d'usuari al quadre superior, inclòs el símbol @ (p. ex., @SMMExpert)
    9. Enganxeu el vostre ID d'usuari al quadre inferior
    10. Feu clic a Vista prèvia
    11. A sobre del quadre de codi, feu clic a establir opcions de personalització
    12. Introduïu les vostres preferències per a les opcions de tuit i la mida del botó i feu clic a Actualitza
    13. Copieu i enganxeu el codi proporcionat al vostre missatge HTML

    Missatge de Twitter opcions del botó

    Podeu optar per emplenar prèviament algun text del missatge, cosa que podria funcionar bé si el botó es troba en una pàgina on és probable que la gent us contacti sobre un producte concret, un problema d'atenció al client o promoció. També podeu triar si voleumostra el teu nom d'usuari al botó, la mida del botó i l'idioma en què es mostra el text del botó.

    Botons de xarxes socials per a YouTube

    YouTube només ofereix un botó de xarxes socials, que permet als usuaris per subscriure's a un canal de YouTube.

    Botó de subscripció a YouTube

    Com funciona

    Com el botó de seguiment de Twitter, el botó de subscripció de YouTube requereix dos clics . En primer lloc, quan algú fa clic al vostre botó de subscripció, el vostre canal de YouTube s'obre en una finestra nova, amb un quadre de confirmació de la subscripció. Aleshores, l'usuari ha de tornar a fer clic a subscriure's perquè la subscripció tingui efecte.

    Com afegir un botó de subscripció a YouTube

    Utilitzeu la pàgina de botó de configuració de YouTube per crear el botó codi que heu d'enganxar al vostre HTML.

    Opcions del botó de subscripció de YouTube

    Teniu algunes opcions quan configureu el botó de subscripció de YouTube. Tens les opcions per incloure la teva imatge de perfil de YouTube, un fons fosc darrere del botó i si vols mostrar el teu recompte de subscriptors existents. Igual que amb les altres xarxes, destacar un gran nombre de subscriptors existents pot ser un gran senyal de prova social.

    Botons de xarxes socials per a Pinterest

    Botó de desar de Pinterest

    Com funciona

    El botó de desar de Pinterest és equivalent al botó de compartir per a altres xarxes, ja que desar el contingut a un tauler de Pinterest amplia el vostre abast.Com que Pinterest és una plataforma basada en imatges per fer un seguiment de la informació i les idees, funciona una mica diferent dels botons de compartició d'altres xarxes. Hi ha tres maneres diferents de configurar el botó de desar de Pinterest al vostre lloc:

    1. Passament de la imatge : en lloc de col·locar un botó de Pinterest autònom al vostre lloc web, aquesta opció crea codi que fa que aparegui un botó Pin It quan algú passa el ratolí per sobre de qualsevol imatge de la vostra pàgina. Aquesta és l'opció més recomanada per Pinterest.
    2. Qualsevol imatge : amb aquesta opció, col·loqueu un botó de Pinterest a la vostra pàgina web. En fer-hi clic, l'usuari té l'opció de desar qualsevol de les imatges del vostre lloc als seus taulers de Pinterest.
    3. Una imatge : en aquest cas, el botó desa només s'aplica a una sola imatge a la teva pàgina. Aquesta és l'opció més complicada pel que fa a la codificació.

    Com afegir un botó de desar a Pinterest: passar el cursor de la imatge o qualsevol estil d'imatge

    1. Vés al creador de widgets de Pinterest i feu clic a Desa el botó
    2. Trieu quin tipus de botó voleu utilitzar: el cursor de la imatge o qualsevol imatge
    3. Seleccioneu les vostres opcions preferides per a la mida del botó i shape
    4. Passeu el ratolí per sobre de la imatge de mostra per previsualitzar el botó
    5. Copieu el codi del botó i enganxeu-lo al vostre HTML
    6. Per a l'opció de qualsevol imatge, copieu i enganxeu el script pinit.js des de la part inferior de la pàgina del creador de widgets al vostre HTML,just a sobre de l'etiqueta

    Com afegir un botó de desar a Pinterest: un estil d'imatge

    1. Aneu al creador de widgets de Pinterest i feu clic a Desa el botó
    2. Seleccioneu les vostres opcions preferides per a la mida i la forma del botó
    3. En una nova finestra del navegador, aneu a la pàgina del vostre lloc web on apareix la imatge amb la qual voleu treballar
    4. Copieu i enganxeu l' URL d'aquesta pàgina web al quadre d'URL del creador de widgets
    5. A la vostra pàgina web, feu clic amb el botó dret a la imatge amb la qual voleu treballar i seleccioneu Copia l'URL de la imatge
    6. Enganxeu l'URL de la imatge al quadre Imatge del creador de widgets
    7. Introduïu una descripció per a la vostra imatge a la Descripció al creador de widgets. Això apareixerà a sota de la vostra imatge quan algú la desi a Pinterest
    8. Feu clic al botó de mostra Pin It al creador de widgets per provar el vostre botó
    9. Copieu el codi del botó i enganxeu-lo. al vostre HTML
    10. Copieu i enganxeu l'script pinit.js de la part inferior de la pàgina del creador de widgets al vostre HTML, just a sobre de l'etiqueta

    Opcions del botó desa de Pinterest

    A més de triar quin tipus de botó utilitzar, podeu personalitzar la forma del botó (rodona o rectangular), la mida (petita o gran) i l'idioma. També pots triar si vols mostrar el recompte de pins existent per a la teva imatge.

    Botó de seguiment de Pinterest

    SMMExpert

    Com funciona

    Quan algú fa clical botó de seguiment de Pinterest del vostre lloc web, apareix una finestra de vista prèvia per mostrar els vostres últims pins. A continuació, fan clic al botó Seguiu dins d'aquesta vista prèvia per començar a seguir el vostre compte de Pinterest.

    Com afegir un botó de seguiment de Pinterest

    1. Vés al creador de widgets de Pinterest. i feu clic a Seguir
    2. Introduïu l'URL del vostre perfil de Pinterest
    3. Introduïu el nom de la vostra empresa tal com voleu que aparegui al botó
    4. Copieu el codi del botó i enganxeu-lo al vostre HTML
    5. Copieu i enganxeu l'script pinit.js de la part inferior de la pàgina del creador de widgets al vostre HTML, just a sobre de l'etiqueta

    Botó de seguiment de Pinterest opcions

    La vostra única opció amb el botó de seguiment de Pinterest és com mostrar el nom de la vostra empresa. És possible que vulgueu utilitzar el vostre nom d'usuari de Pinterest o el nom complet del vostre negoci. De qualsevol manera, ateneu-vos a alguna cosa fàcil d'entendre per als usuaris.

    Botons de xarxes socials per a SMMExpert

    SMMExpert ofereix un botó de xarxes socials que permet als usuaris compartir el vostre contingut a qualsevol de les xarxes a les quals s'han connectat al seu tauler de control SMMExpert.

    Botó per compartir SMMExpert

    Com funciona

    Quan un usuari fa clic al botó SMMExpert de al vostre lloc web, s'obre una finestra amb una interfície que conté un enllaç al vostre contingut. L'usuari pot triar a quines xarxes socials ho compartirà: Twitter, Facebook, LinkedIn, Google+ o totes les anteriors. Poden afegirun missatge personal abans de compartir-lo i decidiu si voleu publicar immediatament, programar la publicació per a una hora especificada en el futur o utilitzar la funció de programació automàtica de SMMExpert.

    Com afegir un botó de compartir SMMExpert

    Aneu a hootsuite.com/social-share, introduïu el vostre URL i copieu i enganxeu el codi al vostre HTML.

    Opcions del botó de compartir SMMExpert

    Pots triar entre diversos estils de botons.

    Porta les teves habilitats en xarxes socials al següent nivell amb formació en línia gratuïta i vídeos de SMMExpert Academy .

    Comença

    treball. Els hem creat amb les eines que es descriuen a continuació per a cada xarxa social.

    Botons de xarxes socials per a Facebook

    Facebook ofereix diversos botons de xarxes socials: compartir, seguir, agradar, desar i enviar.

    Botó de compartir de Facebook

    Com funciona

    Afegir un botó de compartir de Facebook al vostre lloc web, no és sorprenent, permet visitants per compartir el vostre contingut amb els seus amics i seguidors a Facebook. Poden triar compartir el vostre contingut a la seva línia de temps, a un grup o fins i tot en un missatge privat mitjançant Facebook Messenger. Els usuaris també poden afegir el seu propi missatge personalitzat al contingut compartit abans de publicar-ho.

    Com afegir un botó de compartir a Facebook

    Utilitzar el configurador de botons de compartir de Facebook per crear el codi del botó de compartir. que podeu enganxar a l'HTML del vostre lloc web.

    Opcions del botó de compartir de Facebook

    Quan incloeu un botó de compartir de Facebook al vostre lloc, podeu triar si voleu mostrar el número vegades la pàgina ja s'ha compartit (com hem fet al botó de dalt). Si la vostra pàgina rep moltes comparticions socials, aquest número pot proporcionar una gran prova social del valor del vostre contingut.

    Botó de seguiment de Facebook

    Com funciona

    El botó de seguiment permet als usuaris subscriure's a actualitzacions públiques des de la pàgina de Facebook corresponent.

    Com afegir un botó de seguiment de Facebook

    Utilitza la interfície del botó de seguiment de Facebookper crear codi, pots copiar i enganxar al teu HTML.

    Opcions del botó de seguiment de Facebook

    Pots triar mostrar el nombre de persones que ja segueixen la teva pàgina seleccionant les opcions "recompte de caixes" o "recompte de botons". Per a una prova social personalitzada, podeu triar mostrar als visitants quins dels seus amics de Facebook ja segueixen la vostra pàgina, i fins i tot mostrar les cares d'aquests seguidors, seleccionant l'opció "estàndard" i fent clic al quadre Mostra les cares.

    Botó M'agrada de Facebook

    Com funciona

    Fer clic al botó M'agrada al vostre lloc web té el mateix efecte que fer clic a M'agrada en un dels les teves publicacions de Facebook. El contingut que t'agrada es mostra a la línia de temps de Facebook de l'usuari i pot aparèixer als canals de notícies dels seus amics.

    Com afegir un botó M'agrada de Facebook

    Ves al configurador del botó M'agrada de Facebook per crear el codi per copiar i enganxar al vostre HTML.

    Opcions del botó M'agrada de Facebook

    Com amb els altres botons de Facebook, podeu triar mostrar el nombre de vegades a la pàgina ja li ha agradat. També podeu proporcionar el botó personalitzat que mostra a quins amics de Facebook de l'espectador ja els ha agradat la pàgina.

    Una opció més interessant és que podeu triar que el botó digui "Recomana" en lloc de "M'agrada".

    Botó Desa a Facebook

    Com funciona

    El botó Desa a Facebook funciona igual quel'opció Desa a les publicacions de Facebook. Desa l'enllaç a la llista privada d'un usuari perquè pugui tornar-hi més tard, bàsicament marcant-lo a les adreces d'interès dins de Facebook i fent-lo més fàcil compartir més tard.

    Com afegir un botó Desa a Facebook

    Utilitzeu el configurador del botó Desa de Facebook per crear el codi per enganxar-lo al vostre HTML.

    Botó d'enviament de Facebook

    Com funciona

    El botó d'enviament de Facebook permet als usuaris enviar contingut del vostre lloc web directament als seus amics mitjançant un missatge privat a Facebook Messenger, una forma de compartir social fosca.

    Com afegir un botó d'enviament de Facebook.

    Ho has endevinat: Facebook té un configurador de botons d'enviament per proporcionar-te el codi que necessites per enganxar al teu HTML.

    Botons de xarxes socials per a Instagram

    Instagram no ofereix botons per compartir o m'agrada, la qual cosa té sentit, ja que la naturalesa d'Instagram com a plataforma mòbil per compartir fotos i vídeos fa que no sigui realment adequada per agradar i compartir contingut web.

    En comptes d'això, Instagram va utilitzar per oferir insígnies que podríeu utilitzar per enviar persones del vostre lloc web directament al vostre feed d'Instagram, però aquestes insígnies ja no estan disponibles. Els canvis a l'API d'Instagram també han dificultat que els proveïdors de tercers creïn botons i insígnies funcionals d'Instagram.

    Això vol dir que et queden molt poques opcions pel que fa als botons de compartició social per a Instagram. Peròhi ha una solució alternativa, i és senzilla: inserir una publicació d'Instagram.

    A més de la foto, la publicació incrustada inclou un botó de seguiment actiu que permet als usuaris seguir el vostre compte sense sortir del vostre lloc web. Fins i tot podríeu publicar una foto a Instagram que utilitzeu específicament per a aquest propòsit: una mena de publicació perenne que ressalti el valor del vostre compte d'Instagram.

    Veure aquesta publicació a Instagram

    Una publicació compartida per SMMExpert (@ hootsuite)

    O podeu crear una publicació d'Instagram que es relacioni directament amb el contingut d'una pàgina específica. Òbviament, no voldreu fer-ho a totes les vostres pàgines web, però inserir una foto rellevant d'Instagram pot ser una opció fantàstica a les publicacions del bloc.

    Com inserir una publicació d'Instagram amb un botó de seguiment

    1. Navegueu a la publicació específica que voleu incrustar o aneu al vostre perfil d'Instagram i desplaceu-vos enrere per trobar una opció rellevant
    2. Feu clic a la publicació
    3. Feu clic al botó més ( ) a la part inferior dreta
    4. Seleccioneu Incrusta
    5. Trieu si voleu incloure el subtítol i després feu clic a Copia el codi incrustat
    6. Publica el codi al teu HTML

    Botons de xarxes socials per a LinkedIn

    LinkedIn ofereix codi JavaScript personalitzat per a tots dos compartits. i botons de seguiment.

    Botó de compartir LinkedIn

    Com funciona

    El botó de compartir de LinkedIn combina les funcions de Facebookbotons per compartir i enviar. Permet als usuaris compartir el vostre contingut a LinkedIn de diverses maneres: al seu perfil públic, amb els seus contactes, en un grup o en un missatge a una o més persones. Si feu clic al botó, s'obre una finestra emergent que ofereix l'opció d'afegir un missatge personal a la publicació, juntament amb opcions per compartir.

    Com afegir un botó de compartir a LinkedIn

    Aneu al generador de connectors compartits de LinkedIn per crear codi JavaScript que podeu enganxar al vostre HTML.

    Opcions del botó de compartir LinkedIn

    Podeu triar si voleu mostrar el nombre de vegades que el vostre contingut ja s'ha compartit a LinkedIn.

    Botó de seguiment de LinkedIn

    Com funciona

    Fer clic al botó de seguiment de LinkedIn permet als usuaris seguiu la vostra empresa a LinkedIn sense sortir del vostre lloc web.

    Com afegir un botó de seguiment de LinkedIn

    Utilitzeu el generador de complements de seguiment de l'empresa de LinkedIn per crear codi per enganxar-lo al vostre HTML .

    Opcions del botó de seguiment de LinkedIn

    Com amb el botó de compartir LinkedIn, podeu optar per mostrar el nombre de persones que ja segueixen la vostra empresa a LinkedIn com a part del botó de seguiment.

    Però també hi ha un més inter opció per explorar. El connector del perfil de l'empresa funciona de la mateixa manera que un simple botó de seguiment, però proporciona més informació sobre la vostra empresa amb el simple pas del ratolí. Per provar-ho,prova de passar el ratolí per sobre del botó de sota.

    Pots crear el teu propi mitjançant el generador de connectors de perfil d'empresa de LinkedIn.

    Botons de xarxes socials per a Twitter

    A més de l'estàndard botons per compartir i seguir, Twitter ofereix botons per tuitejar amb un hashtag concret o per @-esmentar algú amb un clic del ratolí. També hi ha un botó que permet que algú us enviï un missatge privat de Twitter.

    Botó de compartir Twitter

    Com funciona

    Quan un usuari fa clic al botó Tweet, s'obre una finestra emergent amb un Tweet que conté el títol de la pàgina i el seu URL, o bé podeu definir un URL personalitzat. Un URL personalitzat us permet incloure paràmetres UTM per fer un seguiment de la quantitat de trànsit que obteniu del botó de compartir de Twitter. L'usuari pot afegir més text si ho desitja abans d'enviar el tuit.

    Com afegir un botó de compartir a Twitter

    1. Vés a publish.twitter.com, desplaceu-vos cap avall i feu clic a Botons de Twitter
    2. Feu clic a Botó Compartir
    3. A sobre del quadre de codi, feu clic a establir opcions de personalització
    4. Introduïu les vostres preferències per a les opcions de tuit i la mida del botó i, a continuació, feu clic a Actualitza
    5. Copieu i enganxeu el codi proporcionat al vostre HTML

    Opcions del botó de compartir de Twitter

    Amb les opcions de personalització, podeu triar incloure un hashtag i un nom d'usuari "a través", que us garanteix que obtingueu crèdit com a font del vostre grancontingut. També pots optar per emplenar prèviament algun text.

    Botó de seguiment de Twitter

    Com funciona

    El botó de seguiment de Twitter no és tan eficient com el botó de seguiment de Facebook, ja que requereix dos clics dels usuaris. Si feu clic al botó, s'obre una finestra emergent amb una vista prèvia del vostre perfil de Twitter. L'usuari ha de tornar a fer clic a Segueix a aquesta finestra emergent per completar el procés.

    Com afegir un botó de seguiment de Twitter

    1. Vés a publicar. twitter.com, desplaceu-vos cap avall i feu clic a Botons de Twitter
    2. Feu clic a Botó Seguiu
    3. Introduïu el vostre identificador de Twitter, inclòs el símbol @ (p. , @SMMExpert)
    4. Feu clic a Vista prèvia
    5. A sobre del quadre de codi, feu clic a establir opcions de personalització
    6. Introduïu les vostres preferències de Piuleu les opcions i la mida del botó i, a continuació, feu clic a Actualitza
    7. Copieu i enganxeu el codi proporcionat al vostre HTML

    Opcions del botó de seguiment de Twitter

    Podeu triar si voleu mostrar o amagar el vostre nom d'usuari al botó i si voleu que el botó sigui petit o gran. També pots triar l'idioma en què es mostra el teu botó.

    Botó de menció de Twitter

    Com funciona

    Quan algú fa clic al botó de menció de Twitter del vostre lloc web, apareix una finestra emergent amb un tuit en blanc que comença amb una menció @ del vostre nom d'usuari. Aquesta pot ser una bona manera d'aconseguirlectors per interactuar amb el vostre equip a Twitter o per animar les consultes d'atenció al client a través de la xarxa.

    Com afegir un botó de menció de Twitter

    1. Vés a publicar .twitter.com, desplaceu-vos cap avall i feu clic a Botons de Twitter
    2. Feu clic a Botó Menció
    3. Introduïu el vostre identificador de Twitter, inclòs el símbol @ ( p. ex., @SMMExpert)
    4. Feu clic a Vista prèvia
    5. A sobre del quadre de codi, feu clic a establir opcions de personalització
    6. Introduïu les vostres preferències per a les opcions de tuit i la mida del botó, feu clic a Actualitza
    7. Copieu i enganxeu el codi proporcionat al vostre HTML

    Opcions del botó de menció de Twitter

    Podeu optar per emplenar prèviament algun text al tuit, cosa que pot ser una bona idea si feu servir el botó d'una pàgina d'atenció al client. També podeu triar si voleu que el botó sigui gran o petit, i l'idioma en què voleu mostrar el text del botó.

    Botó hashtag de Twitter

    Com funciona

    Quan algú fa clic a un botó d'etiqueta de Twitter al vostre lloc web, s'obre una finestra emergent amb un tuit amb l'etiqueta escollida. Aquesta és una manera fantàstica d'animar la gent a compartir contingut amb el vostre hashtag de marca o motivar-los a participar en un xat de Twitter.

    Com afegir un botó d'etiqueta de Twitter

    1. Aneu a publish.twitter.com, desplaceu-vos cap avall i feu clic a Botons de Twitter
    2. Feu clic a

    Kimberly Parker és una professional de màrqueting digital experimentada amb més de 10 anys d'experiència en el sector. Com a fundadora de la seva pròpia agència de màrqueting de xarxes socials, ha ajudat a nombroses empreses de diverses indústries a establir i fer créixer la seva presència en línia mitjançant estratègies efectives de xarxes socials. Kimberly també és una escriptora prolífica, que ha contribuït amb articles sobre xarxes socials i màrqueting digital a diverses publicacions de renom. En el seu temps lliure, li encanta experimentar amb noves receptes a la cuina i fer llargues passejades amb el seu gos.