{"id":1164,"date":"2018-07-27T09:30:45","date_gmt":"2018-07-27T07:30:45","guid":{"rendered":"https:\/\/a-vista-studios.de\/blog\/?p=1164"},"modified":"2021-05-26T13:38:35","modified_gmt":"2021-05-26T11:38:35","slug":"vcards-mit-typo3-erstellen","status":"publish","type":"post","link":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/","title":{"rendered":"vCards mit TYPO3 erstellen."},"content":{"rendered":"<h3>vCards mit TYPO3 erstellen. Wie lassen sich vCards im TYPO3 CMS erstellen, damit Besucher sie direkt herunterladen und in ihren Kontakten abspeichern k\u00f6nnen?<\/h3>\n<p>&nbsp;<\/p>\n<h2>Was sind vCards?<\/h2>\n<p>Eine vCard ist eine Art elektrische Visitenkarte. Typischer Weise wird auf der Unternehmenswebsite auf der Profilseite eines Mitarbeiters ein Download-Link f\u00fcr seine vCard angeboten. Der Besucher kann dann durch Anklicken des Links die vCard herunterladen oder direkt in sein Adressbuch \u00fcbernehmen.<\/p>\n<h2>vCards mit TYPO3 erstellen: Einsatz von Extensions<\/h2>\n<p>Haben sich vCards vor einigen Jahren noch gr\u00f6\u00dfter Beliebtheit erfreut, so ist es um sie mittlerweile etwas still geworden. Vielleicht, weil sich die Unternehmensmitarbeiter zunehmend \u00fcber Portale wie beispielsweise LinkedIn oder Xing vorstellen.<\/p>\n<p>Fr\u00fcher gab es f\u00fcr <a href=\"https:\/\/a-vista-studios.de\/blog\/typo3\/was-ist-typo3\/\">TYPO3<\/a> eine Reihe von Extensions f\u00fcr die Erstellung von vCards. Manche auch mit Anbindung an tt_addresses oder tt_news. Die wohl bekanntesten waren:<\/p>\n<ul>\n<li>vcard<\/li>\n<li>simplevcard<\/li>\n<li>neeg_vcard<\/li>\n<li>wt_directory<\/li>\n<\/ul>\n<p>Diese Extensions wurden jedoch nicht weiterentwickelt und die Kompatibilit\u00e4t endet mit TYPO3 in Version 4.x oder 6.0.99. vCard-Extensions, die mit TYPO3 in Version 7 oder gar h\u00f6her kompatibel sind, sucht man vergeblich. Aktuell (Stand 07.2018) gibt es keine Extension mehr, mit der sich auf einfachem Wege vCards mit TYPO3 erstellen lassen.<\/p>\n<p>Dabei haben vCards nach wie vor ihre Existenzberechtigung. Kunden und Gesch\u00e4ftspartnern wird die M\u00f6glichkeit gegeben, per Klick und sich daran anschlie\u00dfenden Import einfach und komfortabel alle relevanten Daten zum Ansprechpartner abzuspeichern und jederzeit verf\u00fcgbar zu haben. Dies tr\u00e4gt nicht zuletzt zur Kundenbindung bei.<\/p>\n<h2>Eigene vCards mit TYPO3 erstellen<\/h2>\n<p>Mit entsprechenden Kenntnissen ist es auch ohne Einsatz von Extensions m\u00f6glich, in TYPO3 vCards zu erstellen.<\/p>\n<p><strong>Folgende Voraussetzungen sind erforderlich:<\/strong><\/p>\n<h3>vCard-Standards<\/h3>\n<p>Um vCards zu erstellen, sollten Sie \u00fcber entsprechende Kenntnisse und Hintergrundinformationen zum vCard-Format verf\u00fcgen. Auf <a href=\"https:\/\/de.wikipedia.org\/wiki\/VCard\" target=\"_blank\" rel=\"noopener\"><strong>Wikipedia<\/strong><\/a> stehen umfangreiche Informationen zu den vCard-Standards 2.1, 3.0 sowie 4.0 bereit.<\/p>\n<p>Eine typische vCard im Standard 3.0 sieht folgenderma\u00dfen aus:<\/p>\n<pre class=\"font-size:16 lang:default decode:true \">BEGIN:VCARD\r\nVERSION:3.0\r\nN:Mustermann;Erika;;Dr.;\r\nFN:Dr. Erika Mustermann\r\nORG:Wikimedia\r\nROLE:Kommunikation\r\nTITLE:Redaktion &amp; Gestaltung\r\nPHOTO;VALUE=URL;TYPE=JPEG:http:\/\/commons.wikimedia.org\/wiki\/File:Erika_Mustermann_2010.jpg\r\nTEL;TYPE=WORK,VOICE:+49 221 9999123\r\nTEL;TYPE=HOME,VOICE:+49 221 1234567\r\nADR;TYPE=HOME:;;Heidestra\u00dfe 17;K\u00f6ln;;51147;Germany\r\nEMAIL;TYPE=PREF,INTERNET:erika@mustermann.de\r\nURL:http:\/\/de.wikipedia.org\/\r\nREV:2014-03-01T22:11:10Z\r\nEND:VCARD<\/pre>\n<h3>Integration eines Mitarbeiterbildes in die vCard<\/h3>\n<p>Nicht zwingend erforderlich aber oft gew\u00fcnscht ist, dass bei der vCard auch ein Bild des Mitarbeiters dabei ist. Der unter Wikipedia vorgestellte Ansatz f\u00fcr die Integration eines Bildes Mittels Angabe einer URL sieht so aus:<\/p>\n<pre class=\"font-size:16 lang:default decode:true \">PHOTO;TYPE=JPEG:http:\/\/example.org\/photo.jpg<\/pre>\n<p>Dieses Vorgehen funktioniert unserer Erfahrung nach in keinem der vCard-Standards \u2013 zumindest nicht f\u00fcr Adressb\u00fccher wie die von Outlook oder Android.<\/p>\n<p>Einen Ausweg bietet eine Base64-Codierung des Bildes. Die Konvertierung l\u00e4sst sich \u00fcber Base64 Image Encoder realisieren \u2013 beispielsweise mit: <a href=\"https:\/\/www.base64-image.de\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.base64-image.de\/<\/a><\/p>\n<h3>Erstellung der vCard in TYPO3 Mittels TypoScript<\/h3>\n<p>In TYPO3 k\u00f6nnen Sie eine vCard ohne Extension und ausschlie\u00dflich mit Hilfe von TypoScript erstellen.<\/p>\n<p>In der Regel m\u00f6chten Sie nicht nur f\u00fcr einen, sondern f\u00fcr eine Vielzahl von Mitarbeitern vCards erstellen. Dann ist folgendes Vorgehen empfehlenswert:<\/p>\n<ol>\n<li>Sie erstellen eine eigene Inhaltsseite &#8211; beispielsweise mit dem URL-Pfadsegement <strong><em>\/vcard<\/em><\/strong><br \/>\nund integrieren dort ein Extension-Template.<\/li>\n<li>Auf der Profilseite des Mitarbeiters wird ein Link eingerichtet, dem \u00fcber die URL die Zielseite, die ID der Profilseite sowie die typeNum mitgegeben wird. Zum Beispiel:<strong>\/vcard?id=123&amp;type=5000<br \/>\n<\/strong>Klickt der Benutzer den vCard-Link an, so wird er zur vCard-Inhaltsseite weitergeleitet und die erforderlichen Parameter werden \u00fcber die URL bereitgestellt.<\/li>\n<li>CONSTANTS<br \/>\nAuf der vCard-Inhaltsseite wird in den CONSTANTS des Extension-Templates der Wert der ID aus der URL ausgelesen. F\u00fcr jeden Mitarbeiter (identifizierbar \u00fcber die ID) wird mittels einer Condition<strong> [globalVar = GP: id = 123] <\/strong>gepr\u00fcft, um welchen Mitarbeiter es sich handelt und entsprechende globale Variablen mit den zugeh\u00f6rigen Werten bef\u00fcllt (Name der vCard, Vorname, Nachname des Ansprechpartners, Adresse, Telefonnummer usw.).<\/li>\n<li>SETUP<br \/>\nIm SETUP erstellen Sie ein eigenes PAGE-Object, in diesem Fall mit <em><strong>typeNum = 5000<\/strong><\/em>.<br \/>\nNun schalten Sie den Standard-Headercode ab und integrieren einen eigenen vCard-Header, der die Ausgabe der vCard initiiert. Das Page-Object wird jetzt noch mit den globalen Variablen bef\u00fcllt, die vorher in den CONSTANTS definiert wurden. Je nach dem Wert der ID, welcher \u00fcber die Variable in der URL \u00fcbergeben wird, werden somit die Daten des gew\u00fcnschten Mitarbeiters in die vCard geschrieben und seine individuelle vCard erstellt.<\/li>\n<\/ol>\n<h3>vCards in TYPO3: erg\u00e4nzende Informationen<\/h3>\n<ol>\n<li>Da die Einpflege der Mitarbeiterdaten bei einer gr\u00f6\u00dferen Anzahl von Mitarbeitern aufwendig \u2013 und aufgrund der Datenstruktur der vCards auch fehleranf\u00e4llig \u2013 ist, haben wir noch eine kleine PHP-Datei geschrieben. Dort lassen sich die Eintr\u00e4ge zu jedem Mitarbeiter \u00fcbersichtlich \u00fcber Variablen vornehmen, die in ein Array gef\u00fcllt werden. Das Array wird anschlie\u00dfend \u00fcber eine Schleife ausgelesen und komfortabel die fertige Ausgabe erstellt, die nur noch per Copy &amp; Paste in die CONSTANTS im TYPO3 Extension-Template zu \u00fcbernehmen ist.<\/li>\n<li>Werden Base64-codierte Bilder eingesetzt, so ist bei ca. 5 Mitarbeitern Schluss. Denn die Base64-Codes sind sehr lang und die Anzahl der in den CONSTANTS eintragbaren (und in der Datenbank abspeicherbaren) Zeichen begrenzt. Ein Ausweg ist, f\u00fcr jedes Mitarbeiterbild ein eigenes Extension Templates zu erstellen und dieses dann in das Haupttemplate zu laden <em>(Basis-Template einschlie\u00dfen:).<\/em><\/li>\n<\/ol>\n<p><em>Stichw\u00f6rter: vCards mit TYPO3 erstellen<\/em><\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-left kksr-valign-bottom kksr-disabled\"\n    data-payload='{&quot;align&quot;:&quot;left&quot;,&quot;id&quot;:&quot;1164&quot;,&quot;readonly&quot;:&quot;1&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;4&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;5&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;5&quot;,&quot;greet&quot;:&quot;&quot;,&quot;legend&quot;:&quot;5\\\/5 - (4 votes)&quot;,&quot;size&quot;:&quot;30&quot;,&quot;title&quot;:&quot;vCards mit TYPO3 erstellen.&quot;,&quot;width&quot;:&quot;172.5&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 172.5px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 24px;\">\n            5\/5 - (4 votes)    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>vCards mit TYPO3 erstellen. Wie lassen sich vCards im TYPO3 CMS erstellen, damit Besucher sie direkt herunterladen und in ihren Kontakten abspeichern k\u00f6nnen?&hellip;<\/p>\n","protected":false},"author":2,"featured_media":1460,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,16],"tags":[],"class_list":["post-1164","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-typo3","category-typo3-anleitungen"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>vCards mit TYPO3 erstellen. Den Besuchern vCards auf der Website anbieten.<\/title>\n<meta name=\"description\" content=\"vCards mit TYPO3 erstellen. Wie lassen sich vCards im TYPO3 CMS erstellen, s dass Besucher sie direkt herunterladen oder importieren k\u00f6nnen?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"vCards mit TYPO3 erstellen. Den Besuchern vCards auf der Website anbieten.\" \/>\n<meta property=\"og:description\" content=\"vCards mit TYPO3 erstellen. Wie lassen sich vCards im TYPO3 CMS erstellen, s dass Besucher sie direkt herunterladen oder importieren k\u00f6nnen?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/\" \/>\n<meta property=\"og:site_name\" content=\"Webdesign Tipps \/ Webdesign Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-07-27T07:30:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-26T11:38:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2018\/07\/img-vcards-mit-typo3-erstellen.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"530\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"avs\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"avs\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"4\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/\"},\"author\":{\"name\":\"avs\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/07adbe83d83d582226dfd31d055a4b0f\"},\"headline\":\"vCards mit TYPO3 erstellen.\",\"datePublished\":\"2018-07-27T07:30:45+00:00\",\"dateModified\":\"2021-05-26T11:38:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/\"},\"wordCount\":809,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2018\/07\/img-vcards-mit-typo3-erstellen.jpg\",\"articleSection\":[\"TYPO3\",\"TYPO3 Anleitungen\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/\",\"name\":\"vCards mit TYPO3 erstellen. Den Besuchern vCards auf der Website anbieten.\",\"isPartOf\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2018\/07\/img-vcards-mit-typo3-erstellen.jpg\",\"datePublished\":\"2018-07-27T07:30:45+00:00\",\"dateModified\":\"2021-05-26T11:38:35+00:00\",\"description\":\"vCards mit TYPO3 erstellen. Wie lassen sich vCards im TYPO3 CMS erstellen, s dass Besucher sie direkt herunterladen oder importieren k\u00f6nnen?\",\"breadcrumb\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/#primaryimage\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2018\/07\/img-vcards-mit-typo3-erstellen.jpg\",\"contentUrl\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2018\/07\/img-vcards-mit-typo3-erstellen.jpg\",\"width\":1440,\"height\":530,\"caption\":\"vCards mit TYPO3 erstellen\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/a-vista-studios.de\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"vCards mit TYPO3 erstellen.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#website\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/\",\"name\":\"Webdesign Tipps \/ Webdesign Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/a-vista-studios.de\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#organization\",\"name\":\"A Vista Studios\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/06\/logo-avs.png\",\"contentUrl\":\"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/06\/logo-avs.png\",\"width\":520,\"height\":236,\"caption\":\"A Vista Studios\"},\"image\":{\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/07adbe83d83d582226dfd31d055a4b0f\",\"name\":\"avs\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5bdd7a1dc25f9d118b55a38486fb376cf64dd092e623e48cac915d765d130ae3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5bdd7a1dc25f9d118b55a38486fb376cf64dd092e623e48cac915d765d130ae3?s=96&d=mm&r=g\",\"caption\":\"avs\"},\"url\":\"https:\/\/a-vista-studios.de\/blog\/author\/avs\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"vCards mit TYPO3 erstellen. Den Besuchern vCards auf der Website anbieten.","description":"vCards mit TYPO3 erstellen. Wie lassen sich vCards im TYPO3 CMS erstellen, s dass Besucher sie direkt herunterladen oder importieren k\u00f6nnen?","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/","og_locale":"de_DE","og_type":"article","og_title":"vCards mit TYPO3 erstellen. Den Besuchern vCards auf der Website anbieten.","og_description":"vCards mit TYPO3 erstellen. Wie lassen sich vCards im TYPO3 CMS erstellen, s dass Besucher sie direkt herunterladen oder importieren k\u00f6nnen?","og_url":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/","og_site_name":"Webdesign Tipps \/ Webdesign Blog","article_published_time":"2018-07-27T07:30:45+00:00","article_modified_time":"2021-05-26T11:38:35+00:00","og_image":[{"width":1440,"height":530,"url":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2018\/07\/img-vcards-mit-typo3-erstellen.jpg","type":"image\/jpeg"}],"author":"avs","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"avs","Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/#article","isPartOf":{"@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/"},"author":{"name":"avs","@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/07adbe83d83d582226dfd31d055a4b0f"},"headline":"vCards mit TYPO3 erstellen.","datePublished":"2018-07-27T07:30:45+00:00","dateModified":"2021-05-26T11:38:35+00:00","mainEntityOfPage":{"@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/"},"wordCount":809,"commentCount":2,"publisher":{"@id":"https:\/\/a-vista-studios.de\/blog\/#organization"},"image":{"@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/#primaryimage"},"thumbnailUrl":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2018\/07\/img-vcards-mit-typo3-erstellen.jpg","articleSection":["TYPO3","TYPO3 Anleitungen"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/","url":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/","name":"vCards mit TYPO3 erstellen. Den Besuchern vCards auf der Website anbieten.","isPartOf":{"@id":"https:\/\/a-vista-studios.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/#primaryimage"},"image":{"@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/#primaryimage"},"thumbnailUrl":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2018\/07\/img-vcards-mit-typo3-erstellen.jpg","datePublished":"2018-07-27T07:30:45+00:00","dateModified":"2021-05-26T11:38:35+00:00","description":"vCards mit TYPO3 erstellen. Wie lassen sich vCards im TYPO3 CMS erstellen, s dass Besucher sie direkt herunterladen oder importieren k\u00f6nnen?","breadcrumb":{"@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/#primaryimage","url":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2018\/07\/img-vcards-mit-typo3-erstellen.jpg","contentUrl":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2018\/07\/img-vcards-mit-typo3-erstellen.jpg","width":1440,"height":530,"caption":"vCards mit TYPO3 erstellen"},{"@type":"BreadcrumbList","@id":"https:\/\/a-vista-studios.de\/blog\/typo3-anleitungen\/vcards-mit-typo3-erstellen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/a-vista-studios.de\/blog\/"},{"@type":"ListItem","position":2,"name":"vCards mit TYPO3 erstellen."}]},{"@type":"WebSite","@id":"https:\/\/a-vista-studios.de\/blog\/#website","url":"https:\/\/a-vista-studios.de\/blog\/","name":"Webdesign Tipps \/ Webdesign Blog","description":"","publisher":{"@id":"https:\/\/a-vista-studios.de\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/a-vista-studios.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/a-vista-studios.de\/blog\/#organization","name":"A Vista Studios","url":"https:\/\/a-vista-studios.de\/blog\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/06\/logo-avs.png","contentUrl":"https:\/\/a-vista-studios.de\/blog\/wp-content\/uploads\/2017\/06\/logo-avs.png","width":520,"height":236,"caption":"A Vista Studios"},"image":{"@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/07adbe83d83d582226dfd31d055a4b0f","name":"avs","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/a-vista-studios.de\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5bdd7a1dc25f9d118b55a38486fb376cf64dd092e623e48cac915d765d130ae3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5bdd7a1dc25f9d118b55a38486fb376cf64dd092e623e48cac915d765d130ae3?s=96&d=mm&r=g","caption":"avs"},"url":"https:\/\/a-vista-studios.de\/blog\/author\/avs\/"}]}},"_links":{"self":[{"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/posts\/1164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/comments?post=1164"}],"version-history":[{"count":7,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/posts\/1164\/revisions"}],"predecessor-version":[{"id":1174,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/posts\/1164\/revisions\/1174"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/media\/1460"}],"wp:attachment":[{"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/media?parent=1164"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/categories?post=1164"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/a-vista-studios.de\/blog\/wp-json\/wp\/v2\/tags?post=1164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}