martes, 21 de mayo de 2019

Como colocar un vídeo de YouTube responsive en tu web sin CSS

12:07:00 0
Como colocar un vídeo de YouTube responsive en tu web sin CSS


Queridos lectores sabemos lo importante que es la usabilidad de nuestros sitios web al momento de hacer la navegación en móviles, por tal razón los vídeos que colocamos en nuestros sitios deben adaptarse a los diferentes tamaños de pantalla, lo que es que sean responsive.

Cuando embebemos un vídeo con la opción que  actualmente nos brinda YouTube  de compartir e insertar obtenemos un código con medidas preestablecidas de la ventana o iframe donde se colocará por tal razón si el tamaño del monitor es menor no se podrá ver completo.



Para evitar esto vamos a seguir estos simples pasos, y lograr embeber un vídeo de YouTube en nuestro sitio web sin utilizar CSS:
  • Primero debemos obtener el código de identificación de nuestro vídeo, esto es muy fácil solo debes dar clic en compartir y obtendrás una URL similar a esta: https://youtu.be/NnIiIRHuEtU  copia la parte final después del / que esta marcada en amarillo.
  • Luego copia este código:




<div style="text-align: center;">
<br /></div>
<br />
<br />
<header>
            <h1 style="text-align: center;">
<iframe allow=
"autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/NnIiIRHuEtU" width="560"></iframe></h1>
</header><section style="text-align: center;"><br />

        </section>

        <script>
            // Find all YouTube videos
            var $videosYoutube = $("iframe[src*='www.youtube.com']"),
                    // el padre contenedor
                    $v_container = $("body section");

            // iteramos todos los videos de youtube y guardamos sus proporciones
            $videosYoutube.each(function () {
                $(this)
                        .attr('proportion', this.height / this.width)
                        //removemos las dimenciones del video
                        .removeAttr('height')
                        .removeAttr('width');

            });

            // Cuando se redimenciona la ventana
            $(window).resize(function () {

                var container_width = $v_container.width();

                // Resize all videos according to their own aspect ratio
                $videosYoutube.each(function () {

                    var $el = $(this);
                    $el
                            .width(container_width)
                            .height(container_width * $el.attr('proportion'));

                });
            }).resize(); // invocamos el método a la carga
        </script>
    


  • Pega el código en el body de tu sitio web en la parte que deseas que aparezca, si trabajas en Blogger lo puedes pegar en un Gadget de HTML y si trabajas en Wordpress en un Widget de HTML.
  • Reemplaza la parte que esta marcada en rojo, por el código que obtuviste de tu vídeo en YouTube, guarda el cambio y listo.
Deberás obtener un resultado similar a este:







De esta forma aquellos vídeos que coloques en tu sitio web tenga un visibilidad completa para todos tus navegantes.




¡Nos vemos pronto! 

Envíame un mensaje por:  Whatsapp   -   Facebook


domingo, 19 de mayo de 2019

¿Cómo sincronizar los calendarios de Booking con Airbnb?

07:46:00 0
¿Cómo sincronizar los calendarios de Booking con Airbnb?


Queridos lectores si tienes un cliente que se dedique a la industria turística y sea un hotel, hospedaje o similar este articulo te va a ser de mucha utilidad, el cual es mi caso que estoy gestionado las plataformas digitales para boel boutique Hostal en Guayaquil.

Se refiere a poder sincronizar los calendarios de 2 motores de búsqueda Booking y Airbnb.

Para realizar esto sigue los siguientes pasos:

  1. Ingresa a https://www.airbnb.com y logueate con el usuario y clave del negocio.
  2. Haz clic en Anfitrión, Disponibilidad, Configuración de disponibilidad en tu calendario.
  3. En la sección calendarios, selecciona exportar calendarios y copia la URL que vas a obtener. Esta se denomina Enlace ical.
  4. Ahora ingresa a https://admin.booking.com logueate con el usuario y contraseña.
  5. Da clic en Tarifas y disponibilidad y luego en Sincronizar calendarios.
  6. Luego clic en Conectar con otro calendario, aquí pegas la URL que habías obtenido previamente en Airbnb, y le asignas un nombre a este calendario, lo ideal es utilizar el mismo Airbnb para recordar de donde son estas reservas y das clic en siguiente.
  7. Cuando hayas terminado este proceso ya habrás conectado de Airbnb a Booking, y obtendrás el enlace ical o URL para ahora hacer el enlace de Booking a Airbnb. Copias este enlace.
  8. Regresas a Airbnb en la sección que estábamos que era Anfitrión, Disponibilidad, Configuración de disponibilidad en tu calendario, Calendarios, y das clic en Importar Calendario, pegas la URL ical de Booking y de la misma manera le asignas un nombre, y listo ya estan sincronizados y conectados los calendarios de estos 2 motores de reservas tan importantes en la industria hotelera.

Espero que realizando este proceso con todos los calendarios de reservas evites multas y costes para tu cliente o tu negocio por reservas duplicadas.




¡Nos vemos pronto! 

Envíame un mensaje por:  Whatsapp   -   Facebook





viernes, 17 de mayo de 2019

Articulo de prensa de Diario Expreso: "Redes sociales, el arma de los profesionales 3.0"

16:34:00 0
Articulo de prensa de Diario Expreso: "Redes sociales, el arma de los profesionales 3.0"

Queridos lectores me siento muy agradecido con Diario Expreso, y la periodista Talía Berrones quienes han tomado en cuenta mis opiniones y criterios para la elaboración de un interesante articulo titulado: "Redes sociales, el arma de los profesionales 3.0", en que se aborda la importancia del Personal Branding o Marca Personal y el uso de las plataformas digitales para sacar el mayor partido.

Lo puedes leer en este enlace:

Espero lo disfruten.




¡Nos vemos pronto! 

Envíame un mensaje por:  Whatsapp   -   Facebook






domingo, 12 de mayo de 2019

Como integrar Moneytizer en Blogger

18:22:00 2
Como integrar Moneytizer en Blogger

Buscando una manera de monetizar y tener más ingresos con mi blog de blogger aparte de los avisos de Google Ads con Google Adsense encontré esta plataforma que se llama Moneytizer.

Aquí te dejo el paso a paso como hacerlo.

  • Lo primero es inscribir tu sitio, para esto tu sitio debe ser elegible y deberá pasar por una verificación de la plataforma, entre los requisitos que debe cumplir es tener un dominio propio como mistio.com y no el que te viene en blogger por default como mistio. blogspot.com, para poder hacer esta configuración te dejo este articulo en que explico como tener tu blog de blogger en tu propio dominio.
  • Posteriormente deberás entrar al sitio https://es.themoneytizer.com/ , registrarte y registrar el sitio en que vas a colocar los avisos publicitarios, para hacer esto das clic en inscríbete, seleccionas si eres persona natural o empresa,  colocas el nombre, apellido, número de teléfono, email, creas una contraseña, repites la contraseña, dirección, ciudad, código postal, país, en el código patrocinador si estas leyendo este articulo coloca: e96f8a5d1949d441f0178d3c6f907fec que es mi código y te lo agradezco de antemano.
  • A continuación deberás registrar tu sitio para ser revisado y aprobado, para lo cual colocar la URL, el país y temática de tu blog. Cuando hayas hecho esto deberás esperar un mail de confirmación en el cual te dirán si tu sitio es o no aprobado, puede tomar pocos días, aunque en algunos casos es prácticamente inmediato.
  • Lo siguiente es ya la configuración de los avisos que van a aparecer en tu sitio web creado en blogger. Esto esta marcado como la etapa 2 dentro del proceso de Moneytiser. Aquí encontraras una seria de tamaños y diseños de banners publicitarios. Para esto escoge aquellos que quieras integrar en tu sitio web de acuerdo a la plantilla que estés utilizando y copia el código entra a tu Blogger y en el menú escoge la opción diseño añade un modulo o gadget  HTML en tu plantilla y pega dentro de este módulo el código que has copiado, has este proceso con todos los tipos de banners que quieras integrar, luego guarda  la disposición.
  • El siguiente paso es integrar el archivo ADS.txt para hacer esto lo primero es descargar el archivo, abrelo con un editor de texto cualquiera y copia el texto, luego vas al sitio blogger e ingresa en tu menú a Configuración, Preferencia para motores de búsqueda, y en la parte de Monetización encontraras archivo ads.txt personalizado, das clic en la opción editar y escoges si, cuando se te abra una ventana pegas el texto dentro. Como indicación adicional si estas utilizando otra plataforma de monetización como Google ads luego tendrás que añadir el texto que corresponde a esta plataforma aquí mismo antes o después del que acabas de pegar, el orden no afecta su funcionamiento.
  • Para finalizar debes colocar el banner de consentimiento de la ley RGDP, para lo cual escoges el idioma en que esta tu sitio web, copias este codigo y lo pegasen un Gadget html nuevo en tu plantilla. Es un proceso similar al pegar los codigos de los banner publicitarios, en este caso no va a aparecer nada así que no importa donde lo pongas en tu plantilla.
  • Al haber terminado estos pasos ya tienes integrado Moneytizer en tu sitio web desarrollado en Blogger, y debería aparecer ya completamente habilitado si esto no sucede automáticamente puedes comunicarte con el chat de soporte que se demora un poco en contestarte pero que lo harán de manera manual.



En mi corta experiencia con Moneytiser puedo decirles que los ingresos economicos son mucho más acelerados que con Google Ads.




¡Nos vemos pronto! 

Envíame un mensaje por:  Whatsapp   -   Facebook









viernes, 10 de mayo de 2019

Porque vender con tu tienda online es una buena decisión

09:17:00 0
Porque vender con tu tienda online es una buena decisión

Cuando un negocio ya no depende de plataformas digitales de terceros sino que tiene su propia tienda en línea en su web que le permite ser la base del comercio y la venta online es un verdadero logro y resulta una independencia muy requerida por las marcas.

Pero que es tener una tienda en online, es tener un sitio web que cumpla lo siguiente:

  • Es único y exclusivo para tu marca.
  • Seleccionas el manejo del contenido su orden, clasificación y precio.
  • Está en tu propio dominio.
  • Cierras directamente el trato con el cliente pudiendo fidelizarlo.


Ahora la pregunta obvio como tener una tienda virtual propia:

Open Source

Son soluciones de código abierto que puedes descargar y subir al hosting de tu sitio web y te permiten vender por internet.
La ventaja de estos servicios es que son muy económicos sin embargo requieren de conocimientos técnicos para personalizar el código.
Si te decides por esta opción podrías probar con Open Cart o OsCommerce.

Desarrollo a medida

Consiste en buscar un desarrollador profesional que cree una tienda en línea de acuerdo a tus necesidades. La ventaja obvia es que será exacto a tus necesidades, la desventaja es el tiempo y costo del desarrollo del servicio.

Soluciones en la nube 

Son plataformas digitales que te permiten tener tu propia tienda en muy pocos pasos y tener los productos almacenados en la nube. Su ventaja es que son sencillas de manejar y ya están creadas por lo que con pocos pasos ya tienes instalada tu tienda casi inmediatamente. La desventaja es que no son del todo personalizables y tienen un costo mensual. 

Si te decides por esta opción te recomiendo estos 2 proveedores:




Por supuesto que es estupendo utilizar las herramientas que nos brindan otras plataformas como Facebook Marketplace, Amazon, Mercado Libre, OLX para vender pero nada reemplaza el hecho de que tu sitio web se vuelva transaccional.




¡Nos vemos pronto! 

Envíame un mensaje por:  Whatsapp   -   Facebook