Cómo incrustar publicaciones de Facebook, Twitter y Google+ en un sitio web

Ya no hace falta valerse de plugins adicionales para referenciar en nuestro sitio web publicaciones especí­ficas en las redes sociales, ahora el código de inserción es ofrecido por cada red de forma predeterminada y se puede conseguir en la mayorí­a de servicios, por ejemplo los cuatro escogidos hoy, con apenas un par de clics. Lo interesante es que aligeran la carga del sitio web al prescindir de plugins de terceros, incluyen los enlaces correspondientes a la publicación, cuentan con los detalles especí­ficos de hora y fecha, y un botón de «Follow» para dar crédito a quien la ha compartido.

Para las publicaciones en Facebook

Pon en el cursor en la parte superior derecha de la publicación, pulsa la flecha que aparece para desplegar un pequeño menú de opciones y allí­ selecciona Insertar publicación.

facebook embed 1

Aparecerá entonces una ventana emergente con una vista previa de la publicación y el código correspondiente que hará falta copiar y luego pegar en el sitio web. Continúa leyendo «Cómo incrustar publicaciones de Facebook, Twitter y Google+ en un sitio web»

WordPress.com ya permite integrar las publicaciones de Facebook en sus blogs

Hace pocas semanas que Facebook habilitó la posibilidad de que los usuarios pudiesen integrar las actualizaciones de estado públicas en sitios web con el correspondiente código HTML que podí­an obtener de las mismas, y ahora es WordPress.com quien anuncia que la integración de dichas actualizaciones ha llegado a su propio servicio, donde además, incluirán los medios que las acompañan, como puedan ser fotografí­as, imágenes, o ví­deos.

El procedimiento es bastante sencillo de realizar, ya que los usuarios de WordPress.com tan sólo deberán obtener el enlace permanente de la actualización de estado que desean integrar a través de la fecha de publicación de la misma, y simplemente pegarla dentro del panel de edición de la entrada de blog que estén creando, apareciendo automáticamente una vez que dicha entrada haya sido publicada.

Recordemos que WordPress.com es el servicio de Automattic que permite a los usuarios crear sus espacios web con el sistema de publicación de WordPress sin tener necesidad de disponer de servidores que gestionar, aunque las posibilidades de usar sus caracterí­sticas dependerán de si se quedan con las opciones gratuitas o amplí­an a opciones de pago. Igualmente, WordPress.com dispone de configuraciones personalizadas para determinadas áreas de publicaciones.

Con este paso, los usuarios de WordPress.com se ponen a la altura de los usuarios que hayan optado por instalar WordPress en sus servidores, quienes sí­ han podido integrar las actualizaciones de estado públicas de Facebook en sus propios espacios web desde el mismo momento de su lanzamiento.

Ví­a: Anuncio oficial

EasyPost, incluyendo enví­os en tu sitio web o app

easypost

Cuando estamos al cargo de un sitio web y queremos ir mejorándolo hay que ir paso a paso: empezamos centrándonos en el diseño y el contenido y poco a poco vamos insertando más herramientas útiles en él, como pueden ser widgets varios o botones para difundir contenido en redes sociales (de la misma forma ocurre con las aplicaciones).

Para quien quiera dar un paso más y seguir añadiendo utilidades en el sitio web, esta vez descubrimos EasyPost, una API muy simple para añadir opciones de enví­o y venta de productos en nuestras aplicaciones y sitios web. La API está en distintos lenguajes para hacerla disponible en cualquier web y app, y encontraremos librerí­as para Ruby, PHP, Phython, Java y Node. Para ver las distintas librerí­as y echarle un ojo al código podéis hacerlo en este enlace a Github.

En cuanto a las opciones de enví­o, EasyPost proporciona acceso a empresas de mensajerí­a como FedEx, FedEx International, USPS, USPS International, UPS y UPS International -y más empresas que se unirán a EasyPost en un futuro próximo. La API incluye diversas herramientas para que el enví­o sea lo más seguro posible, como verificación de dirección, seguro de enví­o o seguimiento del enví­o para que podamos controlar por dónde va el material.

Para empezar a utilizar el servicio tendremos que crear una cuenta en EasyPost y, a continuación, elegir el código que queremos integrar en nuestra web, ahorrando bastantes horas de desarrollo en el proceso.

Para reducir el tamaño de archivos PNG

Los que usamos linux tenemos varias opciones que permiten reducir el tamaño de archivos PNG desde la linea de comando. Personalmente uso pngquant.org, instalado con sudo apt-get install pngquant en ubuntu y ejecutado con pngquant –quality=65-80 * para que comprima de forma automática todos los archivos PNG que se encuentran en un directorio especí­fico.

En el caso del ejemplo superior, el resultado muestra pérdidas, ya que he especificado que la calidad esté entre 65 y 80%, aunque en pngquant.org explican todas las opciones de este comando (también hay versiones para Windows y Mac).

Esta no es la única función que reduce el peso de las imágenes en linux (paso necesario para poder subirlas a la web sin que ocupen más de 100kb cada una), hay otras, como optipng, Pngcrush u optipng, por poner tres ejemplos, que ayudan a facilitar el trabajo sin necesidad de usar editores como Gimp o compresores online.

Pero si lo que necesitáis es poder comprimir esas imágenes desde cualquier sistema operativo, echad un vistazo en tinypng.org, una de las mejores opciones que conozco. Es más lento, ya que requiere subir la imagen y bajarla comprimida, y no permite establacer parámetros de compresión, pero es práctico y no necesita registro.

TinyPNG

La mayorí­a de las extensiones que capturan pantallas en los navegadores capturan la imagen en PNG, pero no la comprimen, dejando archivos de 600x300px con tamaño de más de 400kb, algo que no puede permitirse en una web. Es extremadamente recomendable preocuparse con el tema, por lo que no dejéis de seguir buscando opciones que se adapten a vuestro ritmo de trabajo.

Qué es y cómo funciona Google AdSense

¿Te has preguntado cómo ganan dinero los blogs y otros sitios web?, ¿por qué no me cobran los diarios digitales por leer su contenido de la misma forma que una revista fí­sica?, ¿por qué salen anuncios en los videos de YouTube?, ¿por qué si estoy buscando información en Google sobre el último Samsung o Nokia lanzado me aparecen automágicamente espacios de publicidad relacionada a compra y venta de celulares? Pues bien, luego de la explicación sobre qué es Google Analytics, el turno hoy es para Google AdSense, el segundo pilar de Google y la respuesta a todas las anteriores preguntas.

google adsense ficticio
Ejemplo ficticio de informe diario

Qué es Google AdSense

Los blogs, los sitios de noticias, quienes crean videos en YouTube, desarrollan apps y distribuyen su contenido ví­a web, ganan dinero gracias a los bloques de publicidad y enlaces publicitarios que se sitúan alrededor de su contenido. Una de las opciones publicitarias más rentables en publicidad en Internet es Google AdSense, incluso mejor que contratar directamente con los anunciantes. Puedes identificar si un anuncio es publicado por Google AdSense poniendo el cursor en la parte derecha del anuncio, usualmente aparece un letrero que dice Anuncios Google, AdChoices o DoubleClick.

Para entender cómo funciona es mejor ponerlo en un ejemplo: tengo un blog en el que escribo recomendaciones sobre artí­culos deportivos y ropa para hacer ejercicio. Pues bien, ¿qué tal si junto a mi contenido aparecieran anuncios de Adidas, Umbro o Nike de tal manera que los lectores se antojaran y pudieran ir directamente a las páginas de esas marcas para conseguir los productos? Así­ yo recibirí­a un porcentaje por cada clic -incluso si el usuario no compra- o por cada visualización, las marcas conseguirí­an ventas e impresiones, y el usuario podrí­a acceder a ofertas relacionadas a lo que necesita (no como en la vieja web con anuncios de viagra por doquier), ¡todos ganan! Continúa leyendo «Qué es y cómo funciona Google AdSense»

Guí­a SEO para Principiantes, de SEOMoz, ya disponible en español

Traducción al español de la Guí­a SEO para Principiantes de MOZ

Desde SEO.PE nos dan una buena noticia para todos los que están entrando en el mundo SEO y han oí­do hablar de la famosa guí­a que SEOMoz dispone en su web (moz.com/beginners-guide-to-seo), guí­a que se ha descargado millones de veces en inglés, toda una referencia para los que quieren conocer más sobre el posicionamiento en buscadores y necesitan un buen punto de partida.

Después de mostrar la guí­a traducida a sus creadores (SEOMoz ahora se llama MOZ), han obtenido el OK final y ya tienen el resultado en su web, una guí­a completamente en español que trata varios temas relacionados con el mundo SEO, manteniéndola actualizada para sincronizarse siempre con la original, tanto en texto como en imágenes.

De momento el contenido se divide en 10 capí­tulos:

Cómo funcionan los buscadores, Cómo interactúan las personas con los buscadores, Por qué es necesario el marketing en buscadores, Fundamentos para un diseño y desarrollo web amigable con los buscadores, Investigación de palabras clave – keyword research, Cómo la usabilidad, la experiencia de usuario y el contenido influyen en los rankings, Incrementando la popularidad y los enlaces, Herramientas y servicios que ofrecen los buscadores, mitos e ideas equivocadas sobre los buscadores y Midiendo y siguiendo la pista del éxito

Podéis informar vuestro email en su página para recibir las actualizaciones de dicha guí­a, algo que prometen realizar bastante a menudo.

Link: Guí­a SEO en SEO.PE

Google facilita la identificación de autores de contenido en la web

autores

El año pasado vimos como podí­amos configurar el servicio de Google Authorship para que cuando alguien busque en Google pueda ver nuestro perfil de Google Plus en forma de miniatura al lado de los artí­culos que hemos escrito. Esta integración es relativamente sencilla de realizar, solo tenemos que enlazar nuestro nombre en los artí­culos a nuestro perfil de Google Plus, donde debemos indicar la página de la cual somos responsables. Una vez realizada la integración, solo tenemos que esperar a que Google consiga rastrear nuestro contenido e identificar el autor de cada uno de los artí­culos publicados.

Este proceso ahora se simplifica mucho en Wordpress.com y Typepad, dos plataformas en las que comienza la integración de Google Authorship con Google+ Sign-In. Eso significa que cuando nos identifiquemos con nuestro perfil de Google Plus en Wordpress.com o en TypePad, y publiquemos un artí­culo, nuestra identificación será realizada de forma automática, con lo que no tendremos que configurar nada más para que nuestra miniatura aparezca en los resultados de búsqueda.

Según comentan en el blog de Google Plus es solo el primer paso de una serie de acciones pensadas para ampliar este tipo de información. Las plataformas de contenido se irán integrando con Google Plus para permitir la identificación usando nuestros datos (semejante a lo que ya hacen muchas aplicaciones con Facebook) y eso permitirá que lo que escribimos en la web tenga siempre la información de nuestro perfil en Google.

Chatcrypt, crea salas de chat seguras

Chatcrypt

Por las noticias a las que estamos accediendo últimamente, queda claro que debemos ser precavidos con aquello que comunicamos a través de una serie de servicios online, ya que dichas comunicaciones pueden estar siendo rastreadas por distintas agencias de espionaje. Y es aquí­ donde quiere entrar Chatcrypt, el cual nos ofrece su servicio de comunicaciones seguras a través de las salas de chat que podemos crear en él.

Según podemos leer en su web, su servicio usa el cifrado de grado militar AES 256-bit CTR, de manera que las salas de chat que vayamos creando, las comunicaciones que establezcamos en ellas son cifradas. Respecto a las salas en sí­, las mismas ofrecen sólo las funciones más básicas, estando la linea cronológica de conversaciones, la barra lateral derecha con los participantes, y en la parte inferior tenemos el campo donde escribiremos los mensajes y mandaremos a enviar.

A tener en cuenta que deberemos facilitar a los usuarios el nombre exacto de cualquier sala de chat y su contraseña para que puedan unirse a la misma. La sala de chat a la que entremos, funcionará en una ventana de navegador aparte, aunque el propio servicio también nos permite crear salas de chat para integrar en sitios web, cuyo widget será de 468 x 60 pí­xeles, aunque más adelante incluirán más formatos y opciones de personalización, según indica en su propia web, donde además advierten que expulsarán de su servicio las páginas que no cumplan con las polí­ticas de contenidos de Google AdSense.

Quien quiera saber más acerca del funcionamiento del propio servicio, disponen de un apartado donde les darán más información.

Con Chatcrypt queda claro que hay servicios y herramientas en Internet que tratan de proteger el secreto de las comunicaciones, pudiendo ser servicios alternativos a los popularmente usados por la mayorí­a de usuarios. También existe el protocolo de comunicaciones P2P Bitmessage, en cuya web podemos descargar el cliente para Windows, además de obtener más información acerca de dicho protocolo. Aquellos que desean tener comunicaciones seguras, opciones tienen para ello.

Enlace: Chatcrypt | Ví­a: AddictiveTips

Pressgram, un «Instagram» que se integra con tu Wordpress

press

Nacido de un proyecto de KickStarter (podéis ver la historia aquí­), Pressgram se presenta como una alternativa para los que prefieren tener más control sobre las fotos que publican en redes sociales.

Se compone de una aplicación para iPhone y una extensión para Wordpress, una pareja que permite publicar en nuestro blog, en la categorí­a que especifiquemos, las fotos que vayamos haciendo con el móvil (ideal para cubrir eventos, por ejemplo, y permitir que nuestros lectores vean las fotos en tiempo real dentro de nuestro blog, así­ como en el feed).

Si no tenéis un blog, podéis usar la aplicación del móvil como si fuera un clon de Instagram, siguiendo usuarios, comentando fotos, marcando lo que nos gusta, viendo lo más popular y, no podrí­a faltar, compartiendo el contenido en Twitter o Facebook.

Las fotos realizadas con Pressgram pueden incluir una marca de agua para indicar que nosotros somos los autores del contenido, algo necesario para los que cubren eventos y divulgan imágenes exclusivas dentro de su sitio web. Comentan en TNW que aún hay algunos errores a la hora de compartir contenido o evitar fotos duplicadas, por lo que seguramente veremos nuevas versiones durante los próximos dí­as, así­ como una versión para Android que, aparentemente, ya están realizando.

Podéis ver su ví­deo de presentación en pressgr.am y conocer más detallas sobre la extensión para Wordpress en wordpress.org/plugins/pressgram.

Opinion Stage, sencilla herramienta para crear encuestas sociales

Opinion Stage

Internet es un medio interesante para fomentar la participación de los usuarios para recabar de ellos sus ideas y opciones acerca de un tema en concreto. Es por ello por lo que tenemos a nuestra disposición de múltiples herramientas para la creación de encuestas, entre las que se encuentra Opinion Stage, la cual nos permite la creación de encuestas en cuestión de segundos.

Para ello, deberemos acceder con nuestras identidades de Facebook, Twitter, o Google, lo que nos dará acceso a un sencillo panel donde ya podremos comenzar a realizar encuestas, cuyas capacidades dependerán de si nos quedamos con nuestra cuenta gratuita o migramos a las opciones de pago, que incluyen, entre otras funciones, opciones de personalización, filtros avanzados, y posibilidad de integrar las encuestas en Facebook.

Las encuestas pueden permitir desde la elección de entre dos opciones hasta la elección de múltiples opciones, pudiendo ser los votos desde anónimos hasta asociados a perfiles sociales, elementos que indicaremos al principio de la creación de las mismas, y donde finalmente tenemos otros elementos de configuración, como el estilo, loa filtros sociales o las opciones de compartición. A la hora de crear las encuestas, podemos integrar imágenes, ví­deos, y descripciones.

Las encuestas creadas las podemos integrar en nuestros propios sitios web, teniendo desde la propia plataforma una previsualización de las mismas para que nos podamos hacer una idea de como quedarí­an, por si tenemos que realizar algunos ajustes al widget antes de obtener el código HTML. Desde la propia plataforma, nos ofrecen los informes necesarios que nos permitan entender mejor la participación de los usuarios en las encuestas creadas.

Enlace: Opinion Stage | Ví­a: WebResourcesDepot