Mostrando entradas con la etiqueta HTML. Mostrar todas las entradas
Mostrando entradas con la etiqueta HTML. Mostrar todas las entradas

Como insertar imagen QR de tu pagina web

Los códigos QR (Quick Response code) nos permiten entre otras informaciones, compartir direcciones web que puedan ser capturadas por dispositivos móviles. 

Si quieres que los visitantes de Blog o pagina web, dispongan una forma sencilla de acceder a tus publicaciones a través de, por ejemplo, su teléfono móvil puedes utilizar este código HTML, que mostrara una imagen con el código QR del enlace que este visitando en ese momento tu seguidor.

Utilizaremos la API gratuita Google Charts

<!DOCTYPE html>

<html> <head> <title>Ejemplo de código QR</title> </head> <body> <div id="qr"></div> <script type="text/javascript"> window.onload = function() { var dir = window.document.URL; document.getElementById('qr').innerHTML = '<img src="https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=' + dir + '" width="150" height="150">'; } </script> </body> </html>

Con este código no mostrara un imagen de 150x150 pixel mostrando el código QR de la pagina web que se muestra en ese momento.

Imagen de ejemplo:

https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=https://www.enfaseterminal.com/2023/04/como-insertar-imagen-qr-de-tu-pagina-web.html


Codigo QR enlace: https://www.enfaseterminal.com/2023/04/como-insertar-imagen-qr-de-tu-pagina-web.html


<div id="qr"></div> <script type="text/javascript"> window.onload = function() { var dir = window.document.URL; document.getElementById('qr').innerHTML = '<img src="https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=' + dir + '" width="150" height="150">'; } </script>