Cómo incrustar fotos de Google Fotos en un sitio web

incrustar-google-photos

Además de poder guardar imágenes casi que de forma ilimitada, contar con ediciones automáticas y disponer de ellas, junto a videos, en todos nuestros dispositivos inteligentes, Google Fotos cuenta con una función oculta que permite tomar una de esas fotografí­as alojadas e incrustarla en un sitio web para su posterior revisión por parte de cualquier usuario.

Bueno, más que función oculta, hablamos hoy de una nueva herramienta rápida creada y compartida por Digital Inspiration, una opción que con solo el código de compartición de una fotografí­a, generará el respectivo código de inserción restando el pegarlo en la sección de HTML donde se desea presentar. Tres pasos bastan para ponerle en marcha: Continúa leyendo «Cómo incrustar fotos de Google Fotos en un sitio web»

Para incrustar el audio de un video de YouTube en cualquier sitio web

Quienes disponen de un sitio web y en algún momento requieren incrustar el audio de un video de YouTube, por ejemplo, para enriquecer algún artí­culo en lí­nea, seguramente recurrirán a extraer el audio de dicho video como mp3 para luego publicarlo en servicios de compartición de audio como SoundCloud.

incrustar-audio-youtube

Pues bien, en Labnol.org han trabajado en una alternativa que utiliza la API oficial de YouTube, no para proceder con una conversión sino para permitir incrustar exclusivamente el audio del video de interés. Con dicha opción los visitantes del sitio web podrán de inmediato iniciar o detener el audio con un botón gigante de reproducción, mientras que el webmaster podrá elegir si se inicia automáticamente y en loop/bucle. En este enlace se encuentra un práctico ejemplo.

En fin, bastan tres pasos para darle uso: Continúa leyendo «Para incrustar el audio de un video de YouTube en cualquier sitio web»

Ya es posible incrustar hilos de comentarios en Reddit dentro de otros sitios web

reddit-logo

Reddit ha anunciado los embeddable comment threads o hilos de comentarios incrustables, una funcionalidad presente previamente en versión beta para algunos testers pero ahora ya disponible para todos.

Antes, para referenciar los importantes debates y enriquecedores aportes comentados dentro de Reddit, hací­a falta tomar capturas de pantalla o simplemente copiar y pegar para luego citar «manualmente». Pues bien, ahora las referencias serán mucho más dinámicas y útiles pues, además de que se facilitará a los redactores web el incrustar los contenidos en Reddit dentro de otros sitios, se podrá mantener la referencia a su autor original y hasta a su historial de ediciones con el enlace automático que se desplegará junto al elegante marco en el que se albergará cada hilo. Continúa leyendo «Ya es posible incrustar hilos de comentarios en Reddit dentro de otros sitios web»

Nueva API y plugin WordPress para incrustar videos de Vine en sitios web

plugin vine wordpress incrustar

Anuncian en el blog de Twitter el lanzamiento de una API de incrustación de videos de Vine en sitios web llamada Vine oEmbed API la cual permitirá a los publishers y/o propietarios el aprovechamiento de los videos en la generación de sus contenidos. Junto a ella se presenta un nuevo plugin para WordPress, titulado apenas “Vine”, que facilitará aún más la incorporación de videos haciéndola posible con shortcodes totalmente personalizables.

Hemos visto ya más de un año una funcionalidad de incrustación de videos desde el sitio web de Vine la cual genera un código en HTML que cualquier otro sitio puede ocupar para habilitar la visualización de los Vines por parte de sus usuarios. De hecho, en este momento basta con ir a la parte superior derecha de cualquier Vine en el modo de visualización, pulsar el botón de los tres puntos verticales, elegir la opción Embed y visitar el editor resultante con el que podrán manipularse algunos parámetros básicos como definir uno de los tres tamaños predeterminados en los que se presentará y el modo de visualización, Simple o tipo Postcard.

Pues bien, ahora cualquiera que disponga de un CMS compatible con el formato estándar oEmbed podrá darle uso a la nueva adaptación de la API por parte de Twitter para permitir convertir cualquier URL de un video de Vine en un simple HTML incrustable, todo automáticamente. En particular, para los usuarios de WordPress, se ha presentado un plugin open source que minimiza el trabajo manual, ajusta automáticamente el tamaño del Vine a incrustar para hacerlo coincidir con la anchura del theme de WordPress que se esté usando, ofrece vistas previas dentro del editor visual y mediante el editor HTML, como ya lo mencionamos, ví­a shortcodes, habilita el control manual de sus caracterí­sticas visuales.

En fin, para más información puedes visitar el blog oficial de Twitter y el espacio del plugin de Vine en WordPres.org.

Tableizer, para convertir una tabla de Excel en HTML e incrustarla en sitios web

tableizer tablas excel html

Tableizer es una herramienta online que convierte los datos copiados de una tabla de Excel, Calc, Google Drive o cualquier otra hoja de cálculo, en un simple fragmento de código en HTML con estilos en CSS listo para incrustar en una página web para lograr que se genere una vista decente de la tabla.

Aunque es posible valerse de la incrustación instantánea de servicios como Office Online y Google Drive, no es tan práctico y ligero como lo es el copiar los datos con un Ctrl+C y luego Ctrl+V dentro del editor del CMS (Blogger, WordPress, Joomla!, etc.) o directamente dentro del código del sitio web. Sin embargo, al usar este último método, los resultados no son tan agradables:

Equipo Pts PJ PG PE PP GF GC Dif
Uruguay 7 3 2 1 0 4 0 4
México 4 3 1 1 1 3 2 1
Sudáfrica 4 3 1 1 1 3 5 -2
Francia 1 3 0 1 2 1 4 -3
Continúa leyendo «Tableizer, para convertir una tabla de Excel en HTML e incrustarla en sitios web»

6 formas de sacarle provecho en tu negocio a los tweets incrustados

Hace unos dí­as veí­amos lo sencillo que ahora es insertar publicaciones de redes sociales (Facebook, Instagram, Google+ y Twitter) en sitios web; La idea es muy simple, se genera un código y se copia y pega en el sitio web o blog. Pues bien, en ese enlace sólo se explicaba la parte técnica sin la parte práctica que tratamos hoy -un agradecimiento a Social Media Examiner por las ideas- para ver en qué escenarios puede ser útil valerse de esa funcionalidad en el sitio web de un negocio:

1. Mejorar la reputación compartiendo comentarios de clientes

Twitter se ha convertido en la red social de opinión por excelencia, tanto así­ que ha ayudado a derribar gobiernos siendo uno de los medios de comunicación preferidos por los no simpatizantes. Y si los tweets han derribado gobiernos, ¿qué consecuencias podrí­a traer para un negocio una ola de comentarios negativos o positivos? Pues bien, la idea es prestarle atención a los comentarios que realiza la gente, y aprovechar los que van acompañados de positivismo y agradecimientos -no todos pueden ser quejas- para resaltarlos por reconocer una buena gestión.

Desde tu sección de Menciones o con el buscador de la parte superior, trata de buscar por el nombre de tu marca y selecciona como favoritos aquellos tweets que hablan bien de tus productos o tus servicios. Al incrustar algunos de ellos en el sitio web del negocio, por ejemplo, en la sección de ventas, se compartirá la opinión de los usuarios satisfechos dando fe de que sus comentarios positivos son opiniones reales.
Continúa leyendo «6 formas de sacarle provecho en tu negocio a los tweets incrustados»

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»

Google Plus: Ya podemos incluir sus textos en nuestro sitio web

Hace poco anunciamos que ya podí­amos usar el embed de Facebook para incluir sus posts dentro de nuestras páginas web, algo que ya permite Twitter y que ahora anuncian en Google Plus.

Como veis en la imagen, no hay mucho misterio: solo tenemos que acceder a la nueva opción del menú de cada publicación y seleccionar Embed Post para que se genere el código que tendremos que pegar en nuestros artí­culos, tal y como muestran en developers.google.com/+/web/embedded-post/.

Ya que la mayorí­a de los nuevos lanzamientos y noticias bomba de Google (y de otras compañí­as) se están realizando en Google Plus, es una buena idea el poder incluir la publicación original en los artí­culos, sirve como referencia oficial a la información que publicamos, así­ como garantizamos que los datos se mantienen actualizados y enlazados a la fuente original.

Además de los mensajes que contienen texto y enlaces, también admiten este tipo de operación los mensajes con imágenes (el mensaje se representará con la imagen que, al ser pulsada, enviará al visitante a la vista de la imagen en Google+), mensajes con videos (al pulsar en el ví­deo veremos como se reproduce dentro del mensaje incrustado) y los mensajes con enlaces a una comunidad (ayudando así­ a divulgar las comunidades originales).

De momento no se podrán incrustar los posts restringidos a un dominio de Google Apps, ni los hangouts, ni los eventos ni, por supuesto, los mensajes privados.

Ya podemos incrustar actualizaciones de Facebook en nuestra web

Embed Post

En el pasado mes de Julio, ya os comentamos que Facebook estaba implementando una nueva caracterí­stica por la cual los editores de medios digitales podí­an integrar actualizaciones de estado públicas de Facebook en sus propios espacios digitales, estando limitado por aquel entonces a una serie de editores concretos. Facebook ha publicado hace escasas horas la posibilidad de que cualquier usuario pueda ahora integrar actualizaciones de estado públicas en sus propios espacios, ya que esta caracterí­stica llega a todos. Eso sí­, a tener en cuenta por los propios usuarios de que si no desean ver sus actualizaciones de estado en otros espacios, deberí­an mirar sus configuraciones de privacidad, con el fin de que cualquier otro usuario no pueda tener acceso al código para integrarlo en terceros sitios.

Al igual que los mensajes integrados en Twitter, las actualizaciones de estado integradas en sitios web de terceros, permitirán a sus visitantes interactuar con los contenidos como si estuvieran directamente interactuando dentro de Facebook, incluso con los ví­deos, incluidos los de Instagram. Esta caracterí­stica también es desde ahora compatible ahora con los dispositivos móviles, permitiendo igualmente a los usuarios interactuar con las actualizaciones de estado integradas en sitios de terceros desde sus propios dispositivos móviles.

Para conocer si una actualización de estado es integrable, tan sólo hay que irse al icono del desplegable que aparece en la parte superior derecha de cualquier publicación al ponerse encima de la misma, clickearla, y ver si pone Insertar Publicación, por la cual, dándole a está opción, ofrecerá el código necesario y como quedarí­a el iframe en cualquier sitio donde se integre como vista previa.

Si bien, cualquier código HTML se puede integrar en distintos sitios web, para WordPress existe un plugin que facilita la integración de las propias actualizaciones de estado con tan sólo incluir la URL permanente de los mismos.

Ví­a: Anuncio en el blog de desarrolladores de Facebook

docuter – Visualizar ví­a web más de 200 tipos de documentos

docuterCon la posibilidad de visualizar más de 200 tipos diferentes de documentos docuter.com se muestra como otra buena opción para mostrarlos desde cualquier página web.

Podéis mostrar el contenido de archivos pdf, doc, dwf, odg… una larga lista de extensiones reconocidas por la aplicación.

Después de subir el documento que deseáis mostrar al mundo tendréis que copiar y pegar el código que os muestra, permitiendo incrustarlo en cualquier página web.

Competencia directa de scribd.com, mi preferido.