Aggiungere codici QR nelle pagine HTML senza usare librerie

Utilizzeremo le API di Google per inserire facilmente dei codici QR all’interno delle nostre pagine HTML

I codici QR, sempre più presenti a causa della loro enorme utilità, sono diventati quasi essenziali per permettere ad un utente di ricevere informazioni sul proprio smartphone senza dover digitare nulla, basta un puntamento con la fotocamera, e via.

Che sia un e-commerce, un blog, o un sito informativo, avere un codice QR nella propria pagina è sempre utile per essere raggiunti facilmente anche da mobile.

Per inserire questi codici all’interno della nostra pagina web, è possibile utilizzare il tag HTML <img>, e le API di Google, senza installare nulla e senza richiedere nessun token per il suo utilizzo.

La stringa che andremo ad utilizzare è la seguente

<img src="https://chart.googleapis.com/chart?chs=400x400&cht=qr&chl=http://blog.selectallfromdual.com" />

Ci basta modificare l’altezza, la larghezza e il link della pagina che vogliamo venga raggiunta dall’utente, e inserirla nel tag img, sull’attributo src, come nell’esempio

<img src="https://chart.googleapis.com/chart?chs=400x400&cht=qr&chl=http://blog.selectallfromdual.com" />

Il risultato sarà questo

Non è necessario installare nessuna libreria, ma solo utilizzare quel link fornito gratuitamente.

Controlliamo ciclicamente il funzionamento dei link nei nostri articoli. Se noti dei link che non funzionano segnalacelo tra i commenti. Se hai apprezzato l'articolo considera l'idea di sostenere il blog anche con una piccola donazione. Grazie. Patreon / Ko-fi / Liberapay / Paypal

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *