lunes, 15 de julio de 2013

Filled Under:

La guía para añadir botones para conectar con las redes sociales tu Blog – Seguro – Hard drive – Service

Incrementar las posibilidades de que los usuarios compartan tus contenidos es algo básico para conseguir propagar la información de tu Blog. Hoy en día no basta con crear, hay que saber también difundir.

Poner a disposición de tus usuarios botones para redes sociales en zonas bien visibles y sin penalizar el rendimiento es una tarea fundamental que debería estar al alcance de todos. Me propongo crear una guía especialmente dirigida a todos los usuarios noveles que desean difundir sus Blogs por las redes sociales y necesitan un método que sea de escasa complejidad y rápida ejecución.



Es posible equipar tu Blog con unos buenos botones para redes sociales sin necesidad de tener grandes conocimientos de programación.

Realiza esta guía paso a paso y prepara en pocos minutos tu Blog para las redes sociales. Está dividida en tres secciones: una para usuarios noveles, otra para usuarios intermedios y otra para avanzados... ¡elige la que mejor va contigo!.

Hoy día es tan importante difundir como crear, inserta unos botones sociales que permitan a tus usuarios compartir tus contenidos en sus redes sociales.

¿Qué vamos a hacer?:



Vamos a centrarnos en colocar los botones para redes sociales en zonas estratégicas que nos permitan situarlos a la vista de nuestros usuarios, para que puedan operar con ellos casi instintivamente. Pensemos que muchas veces perdemos oportunidades de llegar a más personas simplemente porque la usabilidad de nuestro Blog no ofrece facilidades al consumidor que por él navega las facilidades para compartir lo que está viendo.

¿Qué son los botones sociales?:


Los botones para redes sociales son como su propio nombre indica "botones web" que al ser "pulsados" por los usuarios, les conectan directamente o con nuestro perfil en una determinada red social ("follow buttons") o le permiten difundir nuestro contenido entre sus amigos y seguidores de su propia red social ("share buttons").
Veamos las diferentes modalidades para aplicarlas en nuestro Blog.

  • Los botones de las redes sociales exigen la utilización de unos "scripts" que permiten introducir en nuestro Blog los "mecanismos necesarios", a través de código fuente para:
- Que los usuarios puedan puntuar nuestros contenidos o sumarse a ellos.
- Que los usuarios puedan suscribirse a nuestros contenidos, hacerse seguidores nuestros.
- Que los usuarios puedan "difundir" por su red social preferida nuestra entradas para que puedan leerlas otros usuarios.
  • Estas posibilidades son revolucionarias, pues permiten a nuestros clientes interactuar, propagar, difundir nuestras creaciones más allá del círculo social en el que nosotros nos movamos para pasar a incluirlo dentro de otros que nos son ajenos.
  • Por supuesto, la adición de estos añadidos obliga o, más bien, hace imprescindible estar dado de alta en todas las redes sociales cuyos botones decidamos poner en nuestro Blog.

¿Dónde puedo colocar los botones para redes sociales en nuestro Blog?:


Hay dos zonas en las entradas de nuestro Blog especialmente sensibles para que nuestros usuarios localicen con facilidad los "botones sociales" y los puedan utilizar incluso instintivamente:


Ejemplo de Addthis sobre Share Buttons
  • La parte superior de una entrada, FOLLOW BUTTONS:en la cabecera a izquierda o derecha, antes o después del título. Aquí lo más recomendable es utilizar botones de tipo "Follow button": los que permitirán a los usuarios asociarse nuestro perfil de red social y estar antentos a nuestras actualizaciones por medio de seguimiento. Debido a que no requieren cargar scripts, son idóneos para las primeras líneas de una entrada pues son mucho más vistosos que los "Share buttons", y no ralentizan el proceso de carga de toda la página.
Por medio de Addthis os enseñaré cómo añadirlos con facilidad y sin repercusión para el rendimiento de vuestro Blog.


Ejemplo de Addthis sobre Follow Buttons
  • La parte lateral o inferior de una entrada, SHARE BUTTONS:en el pié de página. Cuando el usuario ha finalizado a terminar de leer la entrada, disponer de los "Share Buttons" o botunes para compartir es ideal por dos motivos: por Velocidad: los "Share Buttons" llevan scripts integrados que calculan el número de veces que se ha compartido algo o enviado algo, la carga de estos es lenta porque el navegador debe conectarse a los servidores que tienen las bases de datos donde reside la información de nuestra "puntuación" o de nuestros "contadores" de envíos. Por Idoneidad: es el lugar idóneo pues el usuario ha podido leer la entrada completa y puede decidir compartirla en su red social al terminar.





En sólo unos minutos con AddThis, dando de alta el servicio - Usuarios Noveles, intermedios o avanzados:



1)AddThis es una web que como servicio al cliente proporciona los botones para redes sociales sin tener que tener ninguna clase de conocimientos avanzados en informática. Simplemente te conectas, seleccionas los que necesites y los pones en tu Blog. En primer lugar nos conectamos ahttp://www.addthis.com/.

La nueva pantalla de bienvenida de Addthis


2)Si no estás dado de alta en la herramienta, en la parte superior derecha pulsa "Create Account" para darte de alta en el servicio.

Página de alta de AddThis
  • En este punto es tan sencillo como darte de alta utilizando tu cuenta de Facebook, de Twitter , de Google u OpenID.
  • Por otro lado, podrás hacerlo manualmente tú mismo sin vincular tus cuentas introduciendo en "email address" tu dirección de correo e introduciendo una clave de acceso en "Password" y su verificación en "Retype password".
  • Llegados a este punto, como siempre te digo cuando contrates un servicio en internet LEE los términos del servicio ("Terms of Service") y la política de privacidad ("Privacy Policy").

¡Share-buttons en tan sólo unos segundos en tu tu Blog! - Para usuarios Noveles:


Una vez ya autenticados y con usuario en Addthis, esta es la manera más rápida y fácil de meter "Share-buttons" en Blogger:

3) Accede a la configuración de "Share-Buttons", en el menú superior de Add This verás que hay una opción llamada "Share Buttons". selecciónala.


4) En el área "Get Sharing Buttons For", selecciona "Blogger".

5) Pulsa "Install Blogger Widget" y se te añadirán a tu Blog como un gadget más.


Si quieres Share Buttons y Follow buttons sigue estos pasos - Para usuarios Intermedios:


Una vez ya autenticados y con usuario en Addthis, esta es la manera más rápida y fácil de meter "Follow-buttons" y "Share-buttons" en Blogger:

1) Addthis ha añadido una nueva forma de configurar tus botones para redes sociales muy rápida. Se llama "Addthis Layers". Se trata de añadir unas "capas" que contendrán por un lado los "share-buttons" y por el otro los "follow-buttons". Es un "Todo en uno" donde no es necesario pararse a configurar nada más que lo necesario para que los botones conecten con nuestros perfiles para redes sociales.

Nueva configuración de Addthis. Simplemente selecciona los componentes que deseas que aparezcan en tu Blog. En el ejemplo configuramos los "Follow buttons" y los "Share buttons".

  • 2) Activa los "Follow buttons" poniendo su indicador a "ON". A continuación introduce las direcciones de cada aplicación para red social que desees incorporar. Cuando el usuario haga "clic" en cualquiera de esos botones para seguir tu perfil, irá a la dirección que pongas a cada icono.
    • Con Facebook basta con copiar la URL asociada a tu perfil, para ello haz "clic" en la foto de tu usuario dentro de Facebook y copia la dirección donde que aparece en la barra de direcciones de tu navegador:https://www.facebook.com/TU_PERFIL
    • Con Twitter igualmente copia la URL de tu perfil haciendo "clic" en la imagen de tu usuario y copiando de la barra de direcciones del navegador la URL que aparece:https://twitter.com/TU_PERFIL

    • 3) Activa los "Share buttons" poniendo su indicador a "ON". No precisan configuración especial. El resto de opciones de Addthis las he puesto a Off para no distraernos del objetivo principal, añadir botones sociales a nuestro Blog de la manera más sencilla posible.

    • 4) Pulsa el botón "Generate Code" y te aparecerá una página de donde copiar el código (puedes seleccionarlo y pulsar CONTROL+ C para copiar o pulsar "Grab It".
      Página para añadir el código fuente de AddThis y ponerte los Follow Buttons y Share Buttons para tu Blog


      5)Ahora ve a Blogger. Para insertarlo en tu Blog,dentro de Blogger dirígete al menú de la izquierda, a la opción Diseño.
      Opción de diseño en Blogger.


      • En la página de Diseño pulsa "Añadir gadget" en la zona del Blog donde desees insertar los botones para redes sociales de AddThis y selecciona el Gadget "HTML/Javascript".

      Pulsa sobre "Añadir Gadget" en la zona donde deseas insertar los botones AddThis


      • Añade el código fuente que recuperaste de AddThis:

      Añade el código fuente del AddThis
      • Pulsa "Guardar Disposición" y ¡ya lo tienes!

      Otras formas de trabajar con ADDTHIS - para "usuarios avanzados", mejora el rendimiento:


      Si quieres configurar individualmente los "Follow" y "Share buttons" para conseguir el mejor rendimiento sigue estos pasos:

      1) Selecciona los botones que te interesen y posteriormente copiar el código fuente de AddThis para llevártelo a tu Blog.

      Selecciona el estilo de botones que quieres poner y luego copia el código fuente para llevártelo a tu Blog
      • En primer lugar verás que la primera fila de botones son "share-buttons", los que puedes colocar por ejemplo al final de tus entradas.
      • En segundo lugar verás que los de la segunda fila son "follow-buttons", los que puedes colocar al principio de una entrada o en una barra lateral de tu Blog donde se encuentren visibles para que el usuario pueda hacer "clic" en ellos para seguirte.
      • En último lugar, son botones "flotantes" ("hover-buttons"), siempre presentes en el Blog mientras el usuario navega por él, "flotando" a la izquierda del texto.
      Selecciona los que sean de tu preferencia y copia el código que se encuentra bajo el literal "ADD to your Site" (te he marcado todo en el "pantallazo" superior de ejemplo ).

      2) Los Share Buttons son scripts que pueden afectar al rendimiento de tu Blog pues requieren conectarse y realizar consultas a los servidores que van guardando los contadores de quién ha hecho "clic" en ellos.

      Si quieres que no afecten al rendimiento de tu página principal, haz que sólo se dibujen cuando el usuarios ha hecho "clic" en "Más información" o en el título de tu entrada para acceder a su detalle. Para conseguir este efecto sigue estos pasos:

      3) En tu plantilla, accede al botón "Editar HTML" para tocar su código fuente.

      4) Dentro del editor de código fuente de la plantilla pulsa "CONTROL+ F" y busca el texto "share-buttons":

      Encontrarás las siguientes líneas de código donde se encuentra los "Share-buttons":
      b:include data='post' name='postQuickEdit'/ /span div class='post-share-buttons goog-inline-block' b:if cond='data:post.sharePostUrl' b:include data='post' name='shareButtons'/ /b:if /div /div
      5) Añade justo debajo el código de AddThis pero con elb:if cond='data:blog.pageType == "item"' y el cierre tras el fin del código Addthis con/b:if

      b:if cond='data:blog.pageType == "item"'
      !-- AddThis Button BEGIN --
      div class='addthis_toolbox addthis_floating_style addthis_counter_style' style='left:210px;top:239px;'
      a class='addthis_button_tweet' tw:count='vertical'/
      a class='addthis_button_facebook_like' fb:like:layout='box_count'/
      a class='addthis_button_google_plusone' g:plusone:size='tall'/
      a class='addthis_counter'/
      /div
      script type='text/javascript'var addthis_config = {"data_track_addressbar":true};/script
      script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-51aa743c5eb7939d' type='text/javascript'/
      !-- AddThis Button END --

      /b:if
      De esta manera con la condiciónb:if cond='data:blog.pageType == "item"'harás que el código que le sigue, el de Addthis, sólo tenga efecto en el detalle de las entradas y no en la página principal. Así no restarás velocidad de dibujado a la primera página de tu Blog, la página principal.


      Por Miguel García Sánchez-Colomer.

      Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDUn dia en Mundial Football MESOTHELIOMA LAW FIRM FIFA World Cup,DONATE CAR TO CHARITY CALIFORNIA , and STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, habia mucha monja pero fui a NUNAVUT CULTURE, DAYTON FREIGHT LINES and BUSINESS VOIP SOLUTIONS,CAR INSURANCE COMPANIES pero for you ONLINE CRIMINAL JUSTICE DEGREE ,PERSONAL INJURY LAW FIRM, Virtual data rooms and future now Automobile accident attorney and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

      MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetAsi que mejor me fue a un hotel y motel FIFA World Cup Mundial Football New Orleans mesothelioma lawyer y mas que todo que la pase bien en ese hostal y me me fui de viaje a tennessee mesothelioma attorney donde EEUU me pidio la visa pero mejor aun many people in mesothelioma trial lawyers pero me fui a travel Alaska nebraska mesothelioma attorney pero mas aun con mesothelioma attorney nebraska mas siempre fue asi des hace mucho time merlin olsen lawsuit,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

      online motor insurance quotes Hire php developers CRIMINAL DEFENSE ATTORNEYS FLORIDA Casino Email Bulk Service fortis health insurance temporary Criminal defense lawyer Online Christmas cards meso lawyer Neuson Register free domains motor replacements PHD IN COUNSELING EDUCATION Online casino Social media management Best social media platforms for business DONATE YOUR CAR FOR KIDS semi truck accident lawyers MESOTHELIOMA LAW FIRM Car Insurance Quotes MN Seo services Cheap Domain Registration Hosting Donate car to charity California Donating Used Cars to Charity Hire php programmers Dayton Freight Lines Christmas cards personal injury solicitor Nunavut culture Seo companies Mesothelioma Law Firm MET AUTO Social media campaigns Register Free Domains car accident lawyer san bernardino Mobile casino mesothelioma personal injury lawyers Casino reviews mesothelioma survival rates Make money online Australia Dwi lawyer Personal Injury Lawyers Donate old cars to charity Social media strategies online colledges REGISTER FREE DOMAINS Live casino mesothelioma Auto Accident Attorney Php programmers for hire auto insurance cost by state Criminal lawyer Miami cheap car insurance in virginia Photo Christmas cards Forensics Online Course Sell Annuity Payment Online Motor Insurance Quotes Motor Insurance Quotes Webex Costs CAR INSURANCE QUOTES PA bus accident attorneys buying an annuity calculator integrated ehr Service business software Annuity Settlements CHEAP DOMAIN REGISTRATION HOSTING Computer science classes online Injury Lawyers harddrive data recovery services Asbestos Lawyers motorcycle accident attorney chicago Hire php developer Custom Christmas cards DUI lawyer structured settlement blog Massage school Dallas Texas Motor Replacements Dedicated Hosting Dedicated Server Hosting Social media platforms for business Psd to html Business management software Social media tools structured settlement sell mesothelioma settlements Met Auto Massage School Dallas Texas Structures Annuity Settlement Criminal lawyer Online Colleges CAR INSURANCE QUOTES UTAH Forex Trading Platform New social media platforms Cheap car insurance in Virginia PhD in counseling education Holland Michigan College lease management software Psd to WordPress Donate Car for Tax Credit Bankruptcy lawyer Php programmers injury lawyer houston tx Personal Injury Law Firm Online College Course Online Criminal Justice Degree Adobe illustrator classes Html email Business finance group Custom WordPress theme designer HOLLAND MICHIGAN COLLEGE Car Insurance Quotes Utah Best Seo company Best social media platforms firm law mesothelioma best consolidation loan student low credit line credit cards Futuristic architecture Seo company Best Criminal Lawyers in Arizona Dayton freight lines selling my structured settlement saskatchewan auto insurance Futuristic Architecture virtual data rooms att call conference car insurance quotes pa World Trade Center Footage Learning adobe illustrator domain name yahoo mesothelioma charities HARDDRIVE DATA RECOVERY SERVICES WordPress themes for designers Donate Car to Charity California WordPress hosting los angeles auto accident attorneys Social media examiner Tech school Life insurance co Lincoln sell my structured settlement structured settlement buyer Social media platforms Paperport promotional code ONLINECLASSES Health Records Personal Health Record Cheap Car Insurance in Virginia Proud Italian cook Online Classes structured settlement company donate your car for kids Italian cooking school PHD on Counseling Education orlando criminal attorney WordPress theme designers Car Insurance Quotes Colorado anti spam exchange server Donate your car for kids mesothelioma care primary pulmonary hypertension selling a structured settlement Insurance Companies Cheap Auto Insurance in VA selling annuity Donate Your Car Sacramento Donate Cars Illinois Hard drive Data Recovery Services structured settlement investments verizon sip DONATE CAR FOR TAX CREDIT DONATE CARS IN MA sell structured settlement calculator mesothelioma settlement amounts michigan motorcycle accident lawyer Donate Cars in MA hosted predictive dialers How to Donate A Car in California Donate Your Car for Kids structured settlement purchasers adverse remortgage home phone internet bundle miami personal injury lawyer Nunavut Culture Criminal Defense Attorneys Florida business voip solutions Donate a Car in Maryland Donate Old Cars to Charity personal injury firm mesothelioma attorneys Donating a Car in Maryland ANNUITY SETTLEMENT CAR INSURANCE QUOTES COLORADO colorado auto accident attorney Life Insurance Co Lincoln personal injury attorney springfield mo PSYCHIC FOR FREE car insurance quotes mn Paperport Promotional Code donate old cars to charity DONATE A CAR IN MARYLAND CAR INSURANCE IN SOUTH DAKOTA life insurance co lincoln motor insurance quotes motorcycle accident lawyer san francisco structured settlements annuities Royalty Free Images Stock Psychic for Free Low Credit Line Credit Cards miami personal injury attorney Dallas Mesothelioma Attorneys Donate your Car for Money Hard drive data recovery services houston tx auto insurance