blog del ingeniero Ernesto Ibáñez

CONSEJOS Para La LLAMADA TELEFÓNICA Efectiva

El teléfono es una herramienta imprescindible para el desarrollo efectivo de nuestro trabajo. Pero, ¿cómo sacarle el mayor provecho? Aquí van unos cuántos tips:

Cuándo recibes una llamada:

Eres la imagen de la empresa. Para la persona que llama serás la primera persona que conozca de la compañía por lo que es importante contestar lo antes posible. Si puede ser hazlo antes del tercer tono de llamada. Sonríe, esto relaja la comunicación y contagia la cordialidad entre los interlocutores.

Saluda cortésmente. Es mejor un “hola, buenos días” que un “Diga”. No olvides el “por favor” o el “gracias”.

Practica la escucha activa. Para ello desconecta de lo que estabas haciendo y dedica el tiempo únicamente a la persona que está al otro lado del teléfono. Transmite que le estás escuchando con un “entiendo”, “sí”, “claro”.

La postura es importante. Evita distorsiones manteniendo una posición erguida.

Habla despacio, vocaliza y no grites. La comunicación tiene que ser clara y comprensible.
Utiliza un lenguaje positivo y entusiasta. Tu misión es dar una solución a la persona que está llamando (pasarle con alguien, agendar una cita, enviar un documento, un número de teléfono,etc ) así que no des por finalizada la llamada hasta que des con la solución.
Colgar precipitadamente equivale a dar un portazo. Despídete cordialmente y haz que la persona que ha llamado se quede con la sensación de que ha conseguido lo que quería.

Al realizar una llamada

Planifica! Hazte un guión de la información que quieres transmitir y de la que deseas conseguir. De esta forma ahorrarás una segunda llamada optimizando tu tiempo.

Ten preparado el número de teléfono y programa una hora para realizar la llamada (siempre hay una hora más apropiada que otra). Es importante tener un boli y un calendario a la vista por si hay que concertar alguna cita. De ser posible es apreciado saber el nombre de la persona con la que se desea hablar.

Es hora de realizar la llamada. ¡Saluda y sonríe!

No te ven pero la sonrisa se siente, es la gestualidad, los gestos. Identifícate y pregunta si es buen momento para hablar. La gente está ocupada, así que intenta ser breve y ve al grano amablemente. Practica la escucha activa para no perder información relevante e intenta no interrumpir a la otra persona.

Despedida: Agradece el tiempo que te han dedicado y remarca la información más importante (por ejemplo “entonces cita el día 7 a las 12h en nuestras oficinas”).

Aunque no es imprescindible yo recomiendo llevar un registro de las llamadas para poder hacer un seguimiento posterior. Si no has conseguido tu objetivo (concertar una cita, conseguir información, hablar con alguien…) sé persistente y vuelve a intentarlo.

El tiempo es oro y hay que maximizar la efectividad de las llamadas. ¿Se te ocurre algún consejo más?

Puedes COMPARTIR esta entrada en tus redes sociales: Twitter; Facebook; Google+
Con solo presionar un botón. ¡gracias por compartir!

Sígueme en Twitter

Sígueme en FaceBook

Lecturas Relacionadas

LA NATURALEZA Te HABLA: sólo tienes que saber escuchar.

La Zanahoria se parece a los ojos. La pupila, el iris y las líneas de alrededor se ven con la misma disposición. Alimentarnos con zanahorias,fortalece y sana la visión.

Los tallos del Apio, se presentan como el radio y el cúbito humano y son una fuente de calcio indispensable para nuestros huesos.

Las Nueces semejan al cerebro, y son la mejor fuente de Omega 3, Omega 6 y Omega 9 , tan necesarios para el buen funcionemiento del mismo.

Los Higos se parecen a los órganos sexuales, tanto masculinos, como femeninos, (vagina y testículos), y ayudan a la fertilidad. Contienen Vitamina B6, la cual es la responsable de la serotonina, la hormona de la felicidad.. Como se puede ver, todo está muy relacionado.

Los Cítricos en general, se parecen a las glándulas mamarias.Ayudan para una buena lactancia y proveen de calcio, indispensable para el bebé.

Las Fresas, en su corte transversal, se asemejan a los dientes. Y las fresas no sólo los blanquean al frotarlas contra ellos, sino que mantienen una dentadura fuerte y sana, que junto con el rojo, indica su parte homóloga para la salud de las encías.

La Papaya tiene el poder de limpiar el colon, y se puede observar la semejanza en un corte transversal de la fruta..,hasta en sus vellocidades.

Observando al Banano, uno reconoce inmediatamente el alto grado de ERGONOMIA en la fruta. Es maravilloso ver cómo casa perfectamente en la mano humana cuando está semi cerrada para tomar la fruta, tal como se muestra en la imagen, asi: El banano tiene por un lado 3 lineas abultadas que casan con las 3 lineas convexas en el dedo indice, y tiene dos lineas abultadas al otro lado que casan con las dos que se forman con el resto de la mano hasta el pulgar. Los bananos son la fruta que mas POTASIO tiene, y se sabe que el Potasio es necesario para tener buenas articulaciones, evitando que se solidifiquen y degeneren... y qué parte de nuestro cuerpo tiene la mayor cantidad de articulaciones ? ... LA MANO !!

Puedes COMPARTIR esta entrada en tus redes sociales: Twitter; Facebook; Google+
Con solo presionar un botón. ¡gracias por compartir!

Sígueme en Twitter

Sígueme en FaceBook

Lecturas Relacionadas

La Máquina de Dios : CERN

El CERN tiene fecha marcada para el 10 de septiembre del 2008 cuándo comience a funcionar el Large Handron Collider LHC donde recreará las condiciones creadas en los primeros instantes del Universo para estudiar los diminutos fragmentos del Cosmos al ser esparcidos en el espacio cósmico.

El LHC es el instrumento más grande sobre el planeta y el más frío al inyectarse 10.000 Tn de helio líquido para llevar a los 1600 imanes superconductores llegar al cero absoluto de -273 °C para preparar el camino al descubrimiento en la búsqueda de lo increíble ante lo inimaginable.
En el mundo científico un grupo de físicos, ingenieros, matemáticos y expertos en computación les fluye la adrenalina a cada momento para conseguir ajustar los instrumentos que ayudarán a interpretar la maraña de datos que proporcionará el colesionador cuando comience a funcionar a pleno al permitir atisbar la intimidad de la materia en el Universo.
El LHC en su primera parte está construído para detectar "trazas" que son señales que dejaron las partículas de protones del núcleo atómico que rotan en sentido contrario a velocidad de la luz en el vacío del espacio y aquí reproducido dentro de un anillo acelerados en un túnel subterráneo circunferencial a 89 m de profundidad y de 27 Km de longitud accionado por imanes superconductores. Éstas colisiones se producen cada 25 nonasegundos en ramilletes de 1011 protones que habrá que reducir a sólo 200 por segundo para seleccionar los que interesan estudiar.
Así en los próximos 2 años al ir ajustando el colisionador LHC se comenzarán a obtener los datos en las simulaciones que permitirá conocer lo inesperado de aquellas reliquias que dejó en el espacio cuando el Cosmos se enfrió del Big Bang hace 14.000 millones de años, escribió en The New York Times, Dennis Overbye.
La pregunta que todavía los cietíficos no se pueden responder es si ésto podría generar un agujero negro que ponga en riesgo al planeta, hasta tanto no se haga un informe de seguridad y evaluación ambiental.
Creado en 1954 por 12 países europeos, en el CERN trabajan, sin embargo, más de 7.000 científicos de 80 países, y en el proyecto del Gran Colisionador de Hadrones (LHC, por sus siglas en inglés) han llegado a participar hasta 10.000 expertos.
Desde su creación, el CERN, que actualmente es propiedad de sus 20 estados miembros, todos europeos, ha hecho numerosos e importantes descubrimientos, centrados en los componentes de la materia, los orígenes del Universo, en particular el "Big Bang", y las leyes que rigen todos esos procesos. El Laboratorio se encuentra a las afueras de Ginebra, junto a la frontera suizo-francesa, y además de varios edificios en superficie, cuenta con un gigantesco túnel subterráneo circular de 27 kilómetros de largo bajo ambos lados de la frontera, donde está instalado el LHC. En 1976, fueron galardonados con el Nobel de Física Sam Ting y Burt Richter, "por sus eminentes trabajos en el descubrimiento de una partícula elemental pesada de nuevo tipo".
En 1984 dos investigadores del centro -Carlos Rubbia y Simon Van der Meer- recibieron también el Premio Nobel de Física por "su contribución decisiva al gran proyecto que condujo al descubrimiento de los bosones W y Z, en tanto que vehículos de interacción". El proyecto constituyó un dispositivo magistralmente puesto en marcha para hacer entrar en colisión protones y antiprotones en el \u00ABSuper sincrotrón de protones (Supersynchrotron à Protons), un acelerador de protones y antiprotones.
En 1988 se empezó a construir el detector Atlas, con la participación de 160 universidades, para producir 300.000 megavatios de información por segundo a través de los 150 millones de sensores de que dispone.
En 1989 fue puesto en marcha el Gran Colisionador Electrón-Positrón (LEP por sus siglas en inglés), precursor del actual LHC y que ya está desmantelado. En 1990, científicos del centro inventaron el hoy famoso WWW, la más útil y conocida de las investigaciones del CERN, un instrumento concebido en un principio para mejorar y acelerar el intercambio de informaciones entre físicos que trabajaban en diferentes universidades e institutos del mundo.
En 1992, Georges Charpak, físico del CERN, recibió el premio Nobel de Física por "la invención de detectores de partículas".
En 1999 se creó el gestionador avanzado de memoria del CERN, llamado CASTOR, que hizo sus pruebas en el ámbito de las experiencias COMPAS y NA48. En los últimos años se ha concluido la construcción e instalación del Gran Colisionador de Hadrones (LHC, por sus siglas en inglés), en el túnel circular de más de 27 kilómetros situado bajo la frontera suizo-francesa, a una profundidad de entre 50 y 120 metros.
En noviembre de 2007 fue sellada la última interconexión del Gran Colisionador de Hadrones, una etapa decisiva para su puesta en funcionamiento. Se trata del más ambicioso proyecto para llegar a sondear la materia y desentrañar numerosos enigmas del Universo.
El LHC permitirá colisiones de haces de protones a velocidades próximas a la de la luz, cuando se compruebe que funciona y que las partículas circulan por el anillo. El LHC está dividido en ocho sectores de 3,3 kilómetros. Después de año y medio de trabajos se ha logrado enfriar todo el circuito hasta la temperatura de -273 grados bajo cero, la temperatura necesaria para llevar a cabo las colisiones que simularán las condiciones en los instantes que siguieron al "Big Bang".

El LHC cuenta con seis grandes detectores,que servirán de radares para observar las colisiones frontales de los protones. Cuatro de ellos son de proporciones enormes: el ALICE, ATLAS, CMS y LHCb.

El Laboratorio Europeo está dirigido por Robert Aymar, quien será reemplazado en enero de 2009 por el físico alemán Rolf-Dieter Heuer.

En 2004, España aportaba el 3,55 por ciento de la plantilla general del centro con 89 trabajadores. Actualmente su contribución al CERN es de unos 55 millones de euros. Prácticamente todos los países europeos contribuyen al presupuesto del CERN. El CERN invierte unos 6.000 millones de francos suizos (casi 4.000 millones de euros) al año en nombre de sus Estados miembros.
En el orden social, las investigaciones del CERN se han centrado en la producción de isótopos, terapias contra el cáncer y eliminación de residuos nucleares, entre otros. El Centro cuenta con expertos de 111 nacionalidades de 578 instituciones y universidades, 259 de Estados no-miembros.
Actualmente el CERN está integrado por los siguientes países: Alemania, Austria, Bélgica, Bulgaria, República Checa, Dinamarca, Eslovaquia, España, Finlandia, Francia, Grecia, Holanda, Hungría, Italia, Noruega, Polonia, Portugal, Reino Unido, Suecia y Suiza. La Comisión Europea, la UNESCO y países como Estados Unidos, India, Israel, Japón, Rusia y Turquía, son observadores.

Puedes COMPARTIR esta entrada en tus redes sociales: Twitter; Facebook; Google+
Con solo presionar un botón. ¡gracias por compartir!

Sígueme en Twitter

Sígueme en FaceBook

Lecturas Relacionadas

¿Existe, la posibilidad de una tercera Guerra Mundial?

En la actual crisis económica en EE.UU y Europa, algunos analistas politicos creen que está en marcha la posibilidad existente de una amenaza de una guerra global, como la mejor manera de salir de ésta crisis, producida por valores ideológicos politicos que afectan la economía de los EE.UU en las cuáles se persiguen pasiones individuales de poder.
En un reciente informe político de la CIA sobre algunas tendencias para el desarrollo mundial previsto hasta el año 2030 se proponía un escenario de consolidar al mundo con la creación de un gobierno global, y para ello algunos observadores y analistas estadounidenses sugieren una agitación global de guerra no convencional sino nuclear para tener víctimas masivas, para reducir la brecha social de la población mundial y ello permitirá equilibrar la situación económica.
En la actualidad el 2% de la población estadounidense controla el 45% del capital financiero del país, mientras que el 83% de sus habitantes tienen acceso a tan solo un 7% de ése capital. Si el planeamiento ya estaría y sería la salida a ésta crisis con un conflicto militar, ya existirían inversiones que apostarían para ello por parte de la industria y las empresas tecnológicas, así como ocurrió en la industria en la Segunda guerra mundial.
El futuro de una guerra global sería manejada por tecnología y la robótica con destrucción masiva humana salvaguardando el Medio Ambiente natural y edilicios, pero a su vez existirá un control exahustivo de los recursos naturales energéticos en el planeta.
Aunque ésto suene duro como intención, la realidad fue que en la Segunda guerra mundial el mundo consiguió salir de su crisis económica con mayor desarrollo y actividad pujante con nuevas tecnologías, en un escenario de crisis parecido al actual, pero la diferencia a futuro sería que de aquí en más se establecería un nuevo "modelo global de gobierno".
Bancor sería el nuevo modelo de gobierno global y estará controlado por la comunicaciones que tendrán una red de conección directa con los presidentes de todos los países en el mundo para tomar decisiones inmediatas. ver nota:(Bancor sería un nuevo órden mundial con moneda única.
Con el acentuado crecimiento poblacional femenino mundial, la maternidad subrogada o asistida in vitro que permite tener un hijo a aquellos que no pueden por via normal plantea ser parte de una población creciente, en desmedro del control natal por lo que se estima que para el 2040 superar los 10.000 millones de habitantes en el mundo, más aún si China será la potencia mundial económica en los próximos años.

Puedes COMPARTIR esta entrada en tus redes sociales: Twitter; Facebook; Google+
Con solo presionar un botón. ¡gracias por compartir!

Sígueme en Twitter

Sígueme en FaceBook

Lecturas Relacionadas

131 aplicaciones útiles para Facebook

Llevo ya bastante tiempo recopilando con aplicaciones que he ido encontrado por la web, clasificadas por temas y con mis comentarios. Espero que os sean útiles!

Os agradecería que si veis que falta alguna aplicación interesante, me lo hicierais saber para poder incluirla y completar así el listado.

Aplicaciones para crear páginas de bienvenida (landing pages):

    Pagemodo: http://www.pagemodo.com/ Para crear páginas personalizadas de bienvenida (es de pago, aunque puedes crear una página gratuita)
    Static FBML: http://www.facebook.com/apps/application.php?id=4949752878&ref=search&sid=18907434.917803787..1 Para crear páginas personalizadas de bienvenida. Ahora ya no funciona para crear nuevas páginas, solo para quienes tienen creada ya landing page con ella,
    Tabsite: http://www.tabsite.com/ Para crear páginas personalizadas de bienvenida (tiene una versión gratuita y 3 de pago)
    Iwipa: http://www.facebook.com/iwipa?sk=app_191494420889273 Para crear páginas personalizadas de bienvenida en html, iframe FBML...
    Free Fan Page templates: http://www.facebook.com/freefanpagetemplates Para crear páginas de bienvenida
    My Stuff: http://www.facebook.com/apps/application.php?id=2352149512 Te permite además insertar contenido multimedia en flash (Procedente de vimeo, Issuu, o Ivoox)
    Tradable bits-HTML: http://apps.facebook.com/tradablebits/ Te permite crearlo con CSS, Javascript o html
    Easy html: http://www.trisocial.com/alternativa-a-la-aplicacion-facebook-static-fbml/ Ésta te permite además utilizar un enlace externo en lugar de código html
    iFrame App: http://iframes.wildfireapp.com/ Crear landing pages con iframe
    Splashtab: http://www.splashtab.com/ Varias modalidades de uso, con coste mensual
    North social: http://northsocial.com/ Conjunto de aplicaciones que te permite crear tu landingpage y dotar tu página de contenido, creando campañas promocionales. Es gratis para una página
    Welcome tab: http://apps.facebook.com/welcometab/
    Static520: http://www.static520.com/ Para crear landing page a través de templates de FBML
    Extended info: http://www.facebook.com/extendedinfo?b
    PeopleBrows: http://www.peoplebrowsr.com/FanPage Para crear fan page, y además, monitorizar la actividad, analizar audiencia, crear promociones...

Aplicaciones para integrar contenido sindicado (blogger, wordpress, tumblr, posterous...):

    Networkedblogs: http://es-es.facebook.com/networkedblogs?id=9953271133&v=app_6261817190&x=60 Introducir Blog en FB
    Blog RSS feed reader http://www.facebook.com/apps/application.php?id=5315590686 Integrar RSS de blogs
    RSS Graffittu http://www.facebook.com/RSS.Graffiti Integrar RSS de blogs
    Social RSS http://www.facebook.com/apps/application.php?id=23798139265
    Simplaris Blogcast http://www.facebook.com/apps/application.php?id=8950485970 Para integrar tu blog. Parece que nunca pasó de la versión beta
    Blog http://www.facebook.com/apps/application.php?id=8826748878
    Tumblr tab http://www.facebook.com/tumblrtab Crea una pestaña con tu tumblr
    Posteroustab http://www.facebook.com/posteroustab Crea una pestaña con tu posterous
    Blogger tab http://www.facebook.com/bloggertab Crea una pestaña con tu blog de blogger
    Wordpress tab http://www.facebook.com/wordpresstab Crea una pestaña con tu blog de wordpress

Aplicaciones para crear sorteos, promociones, encuestas...:

    Sortea2.com www.sortea2.com Para realizar sorteos
    Vitrue http://vitrue.com Para crear promociones. También es muy útil para gestionar comentarios, enviar mensajes a tus fans…
    Wilde Fire App www.wildfireapp.com Para crear cupones, promociones,
    FanAppz http://www.facebook.com/FanAppz Para crearencuestas, sorteos, promociones y cupones
    Poll http://www.facebook.com/OpinionPolls?v=info Para crear encuestas
    Promotions http://www.facebook.com/apps/application.php?id=48008362724 Para hacer promociones y sorteos
    Mi encuesta http://www.facebook.com/mi.encuesta Para crear encuestas entre los seguidores de tus páginas
    Little promo http://www.trisocial.com/aplicacion-facebook-little-promo/ Sorteos o promociones para tus fans
    Easypromos http://www.facebook.com/easypromos?sk=app_197819613580609 La más sencilla
    Votigo http://www.votigo.com/corp/solutions/index.php Para crear encuestas y promociones
    Strutta http://www.strutta.com/ Para crear promociones

Aplicaciones para crear tiendas online:

    Carttini http://www.carttini.com/blog/ Te permite vender tus productos a través de su página de venta gratis
    VendingBox http://www.vendingbox.net/ Creas tu tienda gratis, y pagas comisión por venta
    InfusedCommerce http://www.infusedcommerce.com/ Crear tienda en nuestra página de pago
    Shopping Mall by Payvment http://www.facebook.com/payvment Permite crear una plataforma de venta online con pasarela de pago a través de PayPal.
    Shop tab http://www.shoptab.net/ Para crear una pestaña con nuestra tienda online. Tiene coste mensual
    Ecwis Shop http://apps.facebook.com/ecwid-shop/ Para crear tu tienda en facebook gratis
    Vendor shop Shopping cart http://www.facebook.com/Vendorshop También gratuita
    Beetailer https://www.beetailer.com/ Tiene una versión gratuita y varias opciones premium
    Owjo http://www.facebook.com/OWJO?v=app_4949752878 No tiene coste de configuración ni de suscripción

Aplicaciones de video y chat:

    Justin.tv http://es.justin.tv/ Para hacer streaming
    Vpype http://vpype.com/ Instalar videoconferencia en tu página
    EnlaceClobby http://www.clobby.com/ Crear una pestaña de chat
    Youtube Channel http://www.facebook.com/apps/application.php?id=158587972131 Para publicar videos de youtube
    Youtube video box http://www.facebook.com/ytvideobox Para publicar videos de youtube
    Vimeo tab http://www.facebook.com/vimeotab?v=app_111631355560804 Solo permite integrar las cuentas Plus de vimeo. Si eres usuario gratuito, olvídate
    Blip.tv http://www.facebook.com/bliptvtab Integra tus videos de Blip.tv
    Livestream tab http://www.facebook.com/livestreamtab Para incluir videos livestream en una pestaña como si fuera un canal en vivo
    Viddler http://www.facebook.com/apps/application.php?id=9111310966 Para incluir los videos de tu cuenta en Viddler
    Ustream http://www.facebook.com/apps/application.php?id=123875465478 Para hacer streaming
    Linqtolive http://www.facebook.com/apps/application.php?id=164243814426 Crea un entorno para videoconferencias, webinars, foros…

Aplicaciones para audio:

    Music Player APP http://www.facebook.com/MusicPlayerApp Para publicar audio en mp3

Aplicaciones para incluir fotografías:

    Flickr on fan page http://www.facebook.com/FlickrOnFanPage Pestaña con tu flickr
    Flickr search tab http://www.facebook.com/flickrsearchtab?v=app_127187324017842 Si no quieres incluir tu flickr completo, puedes crear una pestaña solo con aquellas imágenes cuyos criterios definas en tu búsqueda
    Picasssa tab http://www.facebook.com/picasatabapp Incluir tu página de picasa como una pestaña

Aplicaciones para compartir archivos:

    Files for pages http://www.facebook.com/apps/application.php?id=72880082540 Integrar archivos multimedia, mp3, videos…
    Scribd for pages http://www.facebook.com/ScribdApp Para incluir documentos en varios formatos: Doc,. Xls Ppt . Txt,. Jpg…
    Scribd for pages 2 http://www.facebook.com/apps/application.php?id=74811623735 Nueva versión
    Divshare http://www.facebook.com/apps/application.php?id=3188705211&ref=ts Para enviar y compartir archivos (documentos, videos, fotos, mp3…)
    Reproductor de flash http://www.facebook.com/apps/application.php?id=4863858535
    Posted items pro http://www.facebook.com/apps/application.php?id=2761091815&ref=pr Permite compartir en una pestaña de "favoritos" diverso contenido, desde video, mp3, widgests…

Aplicaciones para incluir formularios de contacto:

    Contact Form http://www.facebook.com/contact.form Paracrear una pestaña con un formulario personalizado de contacto
    ContactMe http://apps.facebook.com/contactme_tab/ Para instalar un formulario de contacto. Muy sencilla de usar
    Response o Matic http://www.response-o-matic.com/ Para instalar un formulario de contacto en una pestaña de FBML

Aplicaciones para integrar twitter:

    Twitter for pages http://www.facebook.com/apps/application.php?id=214202565451 Pestaña con tus últimos tweets
    Social Tweet http://www.facebook.com/apps/application.php?id=111757625714 Igual que la anterior, permite crear una pestaña con tu tl
    Tweetpo http://tweetpo.st/ Permite integrar twitter, pero "traduciendo" el lenguaje (cambia @mariadeandres por "Maria de Andrés" por ejemplo)
    Tweet tab pro http://www.facebook.com/twittertabpro?sk=app_170620549648424 Además de integrar twitter, te permite gestionar varias páginas de fb en su versión Pro
    Twitter list tab http://www.facebook.com/twitterlisttab?sk=info Crea una pestaña con listas de twitter
    Selective tweets http://www.facebook.com/selectivetwitter Esta aplicación permite que aparezcan en nuestra página los tweets de nuestro perfil de twitter que queramos, solo colocando #fb después de nuestros tweets
    Twitter http://www.facebook.com/twitter/ Para que nuestro contenido de Facebook se publique en twitter

Aplicaciones para integrar otras redes:

    Play Foursquare http://apps.facebook.com/playfoursquare/?ref=ts Para integrar Foursquare
    My linkedin profile http://www.facebook.com/apps/application.php?id=6394109615 Pestaña con tu perfil de Linkedin
    Google Maps http://www.facebook.com/MapsOnFanpage Activa geolocalización a tu página
    Slideshare http://www.facebook.com/apps/application.php?id=2490221586
    Web Profiles http://www.facebook.com/apps/application.php?id=19403784656 Te permite incluir tus perfiles de otras redes sociales
    Instagram http://www.facebook.com/instagramtab?sk=app_144127705682285 Para integrar el feed de tu instagram
    Google + tab http://www.facebook.com/googleptab Crea una pestaña con tu stream de google +

Otras aplicaciones para añadir valor (eventos, foros, newsletters...):

    Eventbrite http://www.facebook.com/apps/application.php?id=28218816837&v=info&ref=appd Para crear una ficha de tu evento e incluso vender entradas
    My top fans http://www.facebook.com/apps/application.php?id=28218816837&v=info&ref=appd Incluye un cuadro con los usuarios más activos
    Fan of the week http://apps.facebook.com/fanofthe/ Para identificar el usuario más activo y semanalmente publica en el muro quién lo es
    Mail Chimp http://apps.facebook.com/mailchimp/ Permite publicar tu última newsletter en tu página
    Constant Contact Labs - Join My Mailing List http://www.facebook.com/ctctjmml Permite a tus fans que se inscriban para recibir tu newsletter
    Forum for pages https://www.facebook.com/apps/application.php?id=202980683107053 Para crear foros de debate
    Add a link http://www.facebook.com/add.a.link Para crear una pestaña que enlaza externamente con tu página web
    Page Maps http://www.facebook.com/apps/application.php?id=19582321008&v=info Integrar mapas personalizados
    FAQ Page http://www.facebook.com/faqpage Para crear una pestaña de preguntas frecuentes
    My countdowns http://www.facebook.com/mycountdowns Para incluir calendarios de cuenta atrás (para un evento, un lanzamiento…)
    Opiniones http://www.facebook.com/apps/application.php?id=6261817190 Para que los fans dejen sus opiniones. Puede ser muy útil pero es peligrosa si tienes muchos detractores o trolls, ya que la app no te permite borrar ningun comentario…
    Schedulicity http://www.schedulicity.com/Essentials/Facebook.aspx Aplicación a modo de agenda, para cerrar reuniones a través de fb. Necesitas tener una cuenta en Schedulicity
    Genbook BookNow! Application http://www.facebook.com/apps/application.php?id=117955514916314 Igual a la anterior, pero con cuenta de Genbook
    Facebook Notes http://www.facebook.com/apps/application.php?id=2347471856 Para compartir contenido más amplio (del estilo de entradas de blogs)

Aplicaciones para realizar la gestión completa:

    Involver http://www.involver.com/applications/ En función de la versión que utilices (Gratis, premium…) Te permite integrar todo lo que publiques en otras redes, incluir video, chat, foto, hacer encuestas, vender online, compartir pdf...
    Thrusocial http://thrusocial.com/ Sencilla de usar. Permite crear páginas y promocionarlas, a través de sencillos pasos. Puedes crear una página de forma gratuita, y a partir de ahí, es de pago. En las versiones de pago puedes incluir numerosos agregadores de contenido, formularios, mapas, blogs...
    Cooltabs http://cool-tabs.com/ Personalizar páginas, crear concursos, integrar blogs, integrar twitter, mapas, videos, formulario de contacto..
    wix http://www.wix.com/flash_websites/fb_102 Para crear fanpage customizadas a través de unos sencillos pasos. Gratis
    Fan Page engine http://fanpageengine.com/newfpe/ De pago. Cuenta con templates, modulos de diseño…
    Fan Page in a box https://fanpageinabox.com/ De pago. Cuenta con templates, modulos de diseño…
    Tab site http://www.tabsite.com/ De pago.
    Fan Page Themes http://fanpagethemes.com/ De pago
    Face ir Pages http://www.faceitpages.com/ Desde crear la landing page hasta incluir aplicaciones, ver estadísticas…
    Friend2Friend http://www.friend2friend.com/what-we-do/facebook-campaigns/ Permite desde crear páginas hasta generar campañas en facebook
    ShortStack http://www.shortstack.com/ Diseñar páginas e incluir aplicaciones. Versiones gratuitas y de pago
    Avenue Social http://www.avenuesocial.com/ desde crear páginas, hasta crear aplicaciones
    Mediafeedia http://www.facebook.com/mediafeedia Es gratuito y permite gestionar varias cuentas de facebook, configurar administradors, programar publicaciones...
    Conversocial http://www.conversocial.com/hello Además de ofrecer métodos para promover la participación, cuenta con herramientas de gestión de comentarios muy utiles cuando se trata de gestionar páginas con mucha conversación. También son buenas sus herramientas de análisis
    Sysomos Facebook Page Central http://www.sysomos.com/products/facebook-page-central/ Ofrece automoderación, notificaciones por correo electrónico, herramientas de análisis…

Aplicaciones curiosas por tipo de negocio:

    Menutab http://www.facebook.com/menutab Si tienes un restaurante, esta app te permite incluir tu menú
    Folio Tab http://www.facebook.com/foliotab Para diseñadores, fotógragos.. (u otro tipo de artistas) Permite crear en una pestaña una especie de página web personalizada con su porfolio
    Band Profile http://www.facebook.com/rn.mybandapp Más que una aplicación es una nuevo forma de crear un perfil para grupos profesionales (o aficionados), que permite compartir canciones, descargarlas, venderlas, etc.
    iTunes tab http://www.facebook.com/itunestab?v=app_132173876824108 También para músicos. Permite integrar en la página de facebook los álbumes, canciones o videos de itunes, enlazados de forma que permiten la compra rápida

Clientes de Facebook:

    PostCron http://postcron.com/ Programar publicaciones. A las agencias de PR les permite poner "publicado por" el nombre de la empresa, en lugar de a través de "postcron"
    Tweetdeck http://www.tweetdeck.com/desktop/ Aplicación de escritorio
    Hootsuite http://hootsuite.com Web y Móvil, para la gestión de twitter, fb, lnkedin.. Permite que una misma cuenta sea gestionada por varias personas y programar el contenido
    Seesmic http://seesmic.com/
    Cotweet http://cotweet.com/
    Gwiber http://gwibber.com/ Cliente para Linux (también para facebook y más)
    Twentyfeet https://www.twentyfeet.com/ Para twitter, fb, youtube y bit.ly
    Media Funnel http://mediafunnel.com/ Permite que una misma cuenta sea gestionada por varias personas
    Objetctive Marketeer http://objectivemarketer.com/ Multicanal, De pago.Permite crear campañas y medir el efecto de los textos

Aplicaciones para monitorización y análisis:

    Hyperalerts http://www.hyperalerts.no/ Para monitorizar diferentes páginas en facebook. Envía alertas cuando hay comentarios en ellas
    FanGager http://www.facebook.com/FanGager?v=app_165613243449672&sk=app_165613243449672 Para identificar ususarios más activos
    Pagelever http://pagelever.com/ Ofrece estadísticas de tu página de fb, procedencia de tus fans, qué publicaciones funcionan mejor… Bastante completo
    Buddymedia http://buddymedia.com/products/analytics Realiza análisis bastante completos. En Buddymedia además puedes hacer otras cosas como crear encuestas, promociones…
Nutshellmail. http://www.facebook.com/NutshellMail Te envía un resumen por email de la actividad de tupágina de fb
Fboostic http://www.facebook.com/apps/application.php?id=107168244389 Permite analizar cómo funcionan tus aplicaciones en facebook

Puedes COMPARTIR esta entrada en tus redes sociales: Twitter; Facebook; Google+
Con solo presionar un botón. ¡gracias por compartir!

Sígueme en Twitter

Sígueme en FaceBook

Lecturas Relacionadas

Cómo configurar la WiFi de la VIT Canaima

Fotografias de Andressa Urach
¿Sabes cómo Fabricar tus propias Galletas tipo María?

Fotografias de Johanna Maldonado

Fotografias de Karla Osuna

Fotografias de Deisy Gamboa

Fotografias de Andrea Rincón

¿Sabes donde conseguir insumos para la vivienda que estás construyendo?

viernes, 18 de julio de 2014

El slider jQuery más sencillo

Posiblemente el slider jQuery más sencillo

¿Tenéis jQuery en vuestro blog y espacio para insertar 10 líneas de código? Sí la respuesta es afirmativa y además queréis tener un carrusel de imágenes automático, este es el código más simple que he visto hasta la fecha y seguro que no hay otro que lo sea mucho más. Si acaso con algún que otro carácter menos, pero pocos, pocos menos.
Ese código que después veremos y una sucesión de imágenes simples metidas dentro de una caja, con un contenedor general común, nos daría este resultado:

1. Instalación JavaScript necesario

Por empezar desde cero, si no tenemos jQuery primero añadimos esta línea justo después de }]]></b:skin> para cargar esta conocida librería:

Una vez seguros de que tenemos la librería en nuestra plantilla, a continuación de esa misma línea añadimos lo que hace que la serie de imágenes funcionen como slider:

<script type="text/javascript">//<![CDATA[
$(function(){
    $('#slider div:gt(0)').hide();
    setInterval(function(){
      $('#slider div:first-child').fadeOut(0)
         .next('div').fadeIn(1000)
         .end().appendTo('#slider');}, 4000);
});
//]]></script>

Podemos guardar los cambios en la plantilla porque eso es todo. Es simple pero veréis que funciona y hace lo que tiene que hacer. Ahora ya sólo tenemos que poner las imágenes dónde queremos que aparezcan, de la manera que veremos a continuación.

2. Crear el slider

Con esto anterior en nuestra plantilla (aunque nada impide ponerlo directamente en un gadget, en una página o incluso en una entrada como veis aquí) ya podremos crear un visor como el que habéis visto arriba. Sólo tenemos que usar esta estructura HTML para añadir las imágenes:

<div id="slider">
    <div><img src="URL_IMAGEN1"/></div>
    <div><img src="URL_IMAGEN1"/></div>
    <div><img src="URL_IMAGEN1"/></div>
</div>

No sé cómo lo veis pero ya está todo lo necesario.
Para mí esto es bastante ligero y eficiente, mucho más que la mayoría de librerías que se usan quizás demasiado habitualmente.

Ajustes

Los tres últimos números del plugin permiten ajustar algunas cosillas. Todos van expresados en milisegundos (4000 = 4 segundos)

fadeOut(0): Tiempo en desaparecer la imagen saliente
fadeIn(1000): Tiempo en aparecer la imagen entrante
('#slider');},4000): Tiempo de permanencia de cada imagen

Cómo funciona

Y para los curiosos que quieren aprender cosas...
$('#slider div:gt(0)').hide();
Con gt(x) seleccionamos todos los div a partir del número x. En este caso 0 es el primero, así que lo que hacemos con esta línea es esconder (hide) todas las cajas excepto la primera, que será la imagen inicialmente visible.
setInterval(function(){ [lo que haremos] }, 4000);
Necesitamos reiterar una serie de cosas cada cierto tiempo y eso lo hacemos con setInterval, indicando el tiempo de retardo entre cada serie.
$('#slider div:first-child').fadeOut(0)
Dentro de cada uno de esos intervalos hacemos desaparecer (fadeOut) la primera caja (div:first-child) que haya en la relación de imágenes...
.next('div').fadeIn(1000)
... y hacemos que la siguiente caja (next) aparezca poco a poco (fadeIn).
.end().appendTo('#slider');
Por último tomamos la que hasta ese momento es la primera imagen y la situamos al final (appendTo) de la "lista".
end() resetea el contador de elementos que hicimos avanzar con next(). De esa manera, el primer hijo que antes hicimos desaparecer es el que enviamos al final de la pila y no la imagen que ahora tenemos visible. Para el siguiente ciclo la que hasta este momento era visible (que era la segunda) será la primera y por tanto la que haremos desaparecer.
Referencias sobre las funciones usadas:

:gt()
.hide()
setInterval()
:first-child
.fadeOut()
.fadeIn()
.end()
.appendTo()

Variantes y personalización

Como habéis visto no es necesario CSS para que el slider funcione, pero si lo usamos podremos cambiar su aspecto, permitir el uso de imágenes de diferente tamaño, incluir rótulos e incluso mejorar la transición. A continuación algunas ideas.

No sabe hablar, pero se fija mucho

Buscando a Nemo

Limitar el tamaño del contenedor general y evitar el desbordamiento para que las imágenes más grandes no ocupen más espacio. Y ya que estamos le ponemos unas esquinas redondeadas, un borde y lo centramos. El position:relative nos vendrá bien para otra cosa que haremos después.

#slider {
position: relative;
overflow: hidden;
width: 500px;
height: 300px;
border:10px solid #333;
border-radius: 40px;
margin: 0 auto;
padding: 0;
}

Si situamos las cajas padre de las imágenes de manera absoluta con respecto al contenedor general (para eso pusimos antes el relative), estas se dispondrán solapadas una encima de otra. De esta manera al fadeOut le podremos dar un tiempo para que sea "visible" (hemos cambiado el 0 por un 1000) y la transición entre imágenes más suave. Es esa mezcla de imágenes que se produce en la segunda demo.
En las imágenes, el max-width nos sirve para que siempre ocupen todo el ancho y el min-height para que aunque sean deformadas, no se nos quede hueco por debajo cuando sean de menos de 300px de alto.

#slider > div {
position:absolute;
top:0;
left:0;
}
#slider img {
width:100%;
min-height:300px;
margin:0;
padding:0;
border:0;
}

Y ya si queremos añadir otros elementos sobre las imágenes (en este ejemplo un texto), sólo tendremos que etiquetarlos con un span o como párrafo (p) y en el CSS posicionarlos de manera absoluta, ubicándolos en el lugar exacto dónde queramos con top/bottom - left/right.

#slider p {
position: absolute;
bottom: 30px;
left: 0;
display: block;
width: 400px;
height: 24px;
margin:0;
padding: 5px 0;
color: #eee;
background: #990000;
font-size: 22px;
line-height:22px;
text-align:center;
}

El marcado en el HTML para esto último, incluyendo además un enlace sobre la imagen, sería tal que así:

<div id="slider">
<div><a href="URL_ENLACE1"><img src="URL_IMAGEN1" /></a><p>TEXTO1</p></div>
<div><a href="URL_ENLACE2"><img src="URL_IMAGEN2" /></a><p>TEXTO2</p></div>
<div><a href="URL_ENLACE3"><img src="URL_IMAGEN3" /></a><p>TEXTO3</p></div>
</div>

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Puedes COMPARTIR esta entrada en tus redes sociales: Twitter; Facebook; Google+
Con solo presionar un botón. ¡gracias por compartir!

Sígueme en Twitter

Sígueme en FaceBook

Lecturas Relacionadas

Andressa Urach desde Brasil

Fabiola Martínez Reina del Mundial BRASIL 2014

Laura Carias Zumba Fitness

Fotografias dela espectacular Angie Pérez

Fotografias de Garbiñe Muguruza revelación del Tenis 2014

Fotografias Angie Trujillo

Fotografias de Johanna Maldonado

Fotografias de Karla Osuna

Fotografias de Deisy Gamboa

Fotografias de Andrea Rincón

Fotografías de DIOSA CANALES

Fotografias de Jimena Araya

La Bella Laura Carias te pone en Forma

Abrir enlaces en Una Nueva Pestaña del Browser.

Abrir enlaces en nueva pestaña del Navegador. Ser o No Ser.

Es sencillo crear un enlace que se abra en una pestaña o ventana nueva, porque para ello sólo hay que incorporar un TARGET en el propio enlace:

<a href="DIRECCION" target="_blank">Texto enlace</a>

También es bastante fácil hacer que TODOS los enlaces se abran en ventana nueva sin necesidad de editarlos, incorporando esto después de <head>

Pero...

Lo de configurar los enlaces de una web para que se abran en una nueva pestaña, puede parecer en un principio una simple cuestión de gustos, pero existe un problema: el gusto que controla la decisión final es el del administrador de la web, pero el que realmente lo va a disfrutar/sufrir es el usuario, que quizás tenga otra opinión distinta al respecto.

Supongo que la intención de quién utiliza este sistema es evitar en lo posible fugas de visitas: "si vienen a mi blog y les facilito el cierre del mismo abriéndoles en la misma pantalla una página nueva, parece que estoy haciendo el canelo ¿no?"

Pues no. Si obligas a tus lectores a abrir pestañas/ventanas que no deseaban, puede que incluso estés haciendo algo contraproducente y consigas el efecto contrario al deseado. Yo soy uno de esos a los que cuando va conduciendo su coche, no le agrada que de repente alguien le coja el volante y le haga ir por otro camino.

Cuando encuentro algo que me interesa, sé que existe el boton derecho de mi ratón y que con él puedo abrir cualquier enlace en una nueva pestaña. Tras verlo, lo más normal es que continue con el artículo original sin problemas. Cuando sin embargo no me interesa el contenido, probablemente ni siquiera llegue al primer enlace y cierre directamente la ventana en cuestión, por lo que tampoco necesito que programen un _blank para mí.

Sólo en muy contadas ocasiones puede ser interesante hacer esto para una acción puntual: visualización de ejemplos, ficheros txt para copy-pastear, descargas, una broma... Pero ¿no valdría también mostrar este tipo de cosas en una ventana modal que queda como más elegante? Cualquiera de estas dos últimas opciones son buenas según qué casos, pero siempre sin abusar.

Otra razón que desaconseja el uso de TARGET para los que gusten de cumplir los estándares, es que la W3C tiene desaprobado actualmente el uso este atributo como parte de los enlaces.

Creo que está bastante claro que yo me inclino por el "not to be" ¿y UD.?

Lecturas Relacionadas