Heute möchten wir Ihnen eine Lösung vorstellen wie Sie einen QR-Code zur Verwendung auf Ihrer Visitenkarte erzeugen. Ein QR-Code bietet Ihren Ansprechpartnern einen entscheidenden Mehrwert, um Ihre Kontaktdaten fehlerfrei in die Adressliste aufzunehmen. Einfach mit einem QR-Code-Reader scannen, speichern, fertig sein.
- Warum?
Durch das Erstellen von den QR Codes auf einer Webseite werden auch die nicht verwendeten Formularfelder in den QR-Code übertragen. Das sorgt dafür, dass der QR Code für einen Reader sehr komplex erscheint, auch wenn er dies gar nicht ist. Außerdem hat man keine Möglichkeit, in die Attribute einzugreifen und muss mit dem zufrieden sein, was die Webseite erzeugt. So werden Felder wie „geschäftlich“ möglicherweise als „privat“ interpretiert oder die PLZ wird nach dem Ort dargestellt und auch genau so im Smartphone abgespeichert.
- Vorteile des API:
Direktes Eingreifen in die zu übergebenen Parameter
Keine unnötigen Daten werden übermittelt
Frei wählbare vCard Version
- Wie?
Die Werte werden einer URL beigefügt, um dem Server übermittelt zu werden:
https://chart.googleapis.com/chart?chs=500×500&cht=qr&chl=ZuÜbertrageneDatenEinzelteile im Überblick:
https://chart.googleapis.com/ chart?chs=500×500 &cht=qr &chl=
Google Charts API Chart Size Chart Type Chart Label
An diese URL kann nun eine vCard angehängt werden. Diese muss in einen String (urlencode) konvertiert werden.
Alle nicht-alphanumerischen Zeichen außer „Minus“, „Unterstrich“ und „Punkt“, werden durch ein Prozentzeichen (%) gefolgt von zwei Hexadezimalwerten, sowie das Leerzeichen durch ein Plus (+) ersetzt. Anschließend wird die gesamte URL an den Google Server gesendet und als Antwort erhält man einen 500 x 500px großen QR-Code im PNG Format.
- Beispiel:
BEGIN:VCARD
VERSION:2.1
N:Mustermann;Max
FN:Max Mustermann
TITLE:Oberleutnant
ORG:Musterfirma
ADR;TYPE=WORK:Musterstraße 1;12345;Musterstadt;Deutschland
TEL;TYPE=WORK:+49(0)1234 5678
TEL;TYPE=FAX:+49(0)1234 5679
TEL;TYPE=CELL:+49(0)123 456 789
EMAIL;TYPE=WORK:MaxMustermann@musterfirma.de
URL:htt p://www.musterwebseite.de
END:VCARD
Der vCard Text in einen String konvertiert, angehängt an die Google URL:
https://chart.googleapis.com/chart?chs=500×500&cht=qr&chl=BEGIN%3AVCARD%0AN%3AMustermann%3BMax%0AFN%3AMax+Mustermann%0ATITLE%3AOberleutnant%0AORG%3AMusterfirma%0AADR%3BTYPE%3DWORK%3AMusterstra%C3%9Fe+1%3B12345%3BMusterstadt%3BDeutschland%0ATEL%3BTYPE%3DWORK%3A%2B49%280%291234+5678%0ATEL%3BTYPE%3DAX%3A%2B49%280%291234+5679%0ATEL%3BTYPE%3DCELL%3A%2B49%280%29123+456+789%0AEMAIL%3BTYPE%3DWORK%3AMaxMustermann%40musterfirma.de%0AURL%3Ahttp%3A%2F%2Fwww.musterwebseite.de%0AEND%3AVCARD
Wird diese URL in einem Web Browser aufgerufen, erhält man den obigen QR-Code als Antwort des Google Servers.
Nutzung des API unterliegt den Google API Nutzungsbedingungen und ist kostenlos.