{"id":4205,"date":"2022-03-22T11:44:49","date_gmt":"2022-03-22T11:44:49","guid":{"rendered":"https:\/\/blog.tchop.io\/?p=4205"},"modified":"2024-08-19T06:24:48","modified_gmt":"2024-08-19T06:24:48","slug":"sie-haben-die-wahl-artikel-als-link-oder-direkt-nativ-in-der-app","status":"publish","type":"post","link":"https:\/\/blog.tchop.io\/de\/sie-haben-die-wahl-artikel-als-link-oder-direkt-nativ-in-der-app\/","title":{"rendered":"Sie haben die Wahl: Artikel als Link oder direkt nativ in der App"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"717\" src=\"https:\/\/blog.tchop.io\/wp-content\/uploads\/2021\/06\/smartmockups_kmxgap4o-1024x717.jpg\" loading=\"lazy\" alt=\"User with smartphone\" class=\"wp-image-4008\" srcset=\"https:\/\/blog.tchop.io\/wp-content\/uploads\/2021\/06\/smartmockups_kmxgap4o-1024x717.jpg 1024w, https:\/\/blog.tchop.io\/wp-content\/uploads\/2021\/06\/smartmockups_kmxgap4o-300x210.jpg 300w, https:\/\/blog.tchop.io\/wp-content\/uploads\/2021\/06\/smartmockups_kmxgap4o-768x538.jpg 768w, https:\/\/blog.tchop.io\/wp-content\/uploads\/2021\/06\/smartmockups_kmxgap4o-1536x1075.jpg 1536w, https:\/\/blog.tchop.io\/wp-content\/uploads\/2021\/06\/smartmockups_kmxgap4o-800x560.jpg 800w, https:\/\/blog.tchop.io\/wp-content\/uploads\/2021\/06\/smartmockups_kmxgap4o-1100x770.jpg 1100w, https:\/\/blog.tchop.io\/wp-content\/uploads\/2021\/06\/smartmockups_kmxgap4o.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Manche Features sind klein und unscheinbar, offenbaren jedoch einen gro\u00dfen Mehrwert. Die M\u00f6glichkeit beliebige Web Links bzw. Artikel mit wenigen Klicks nativ in der App einzubinden, ist so ein Feature. Heute wollen wir genauer erl\u00e4utern wie das funktioniert.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Native UX oder Web View<\/h3>\n\n\n\n<p>Der bevorzugte, weil einfachste Weg Inhalte in der eigenen App darzustellen ist die sogenannte Artikel-Karte (siehe auch <a href=\"https:\/\/blog.tchop.io\/de\/wie-sie-inhalte-aus-ihrem-cms-oder-intranet-automatisch-in-ihre-tchop-app-importieren\/\">hier<\/a>). Dabei wird der <a href=\"https:\/\/blog.tchop.io\/de\/wie-baut-man-eine-loyale-digitale-community-auf\/\">Inhalt<\/a> bzw. Artikel in der App in einem Web View ge\u00f6ffnet. Die Teaser-Elemente lassen sich einfach editieren und anpassen, gleichzeitig funktioniert die Integration praktisch f\u00fcr alle irgendwie im Web zug\u00e4nglichen Inhalte &#8211; ohne, dass es einer aufwendigen Integration bedarf. Wobei sich selbst Paywall-gesch\u00fctzte, eigene Inhalte mit ein paar Tricks verf\u00fcgbar machen lassen.<\/p>\n\n\n\n<p>Aus Sicht der mobilen UX ist es jedoch immer besser Inhalte direkt, also nativ in der App zu integrieren. Der Text des Artikels muss nicht mehr geladen werden, er ist sofort verf\u00fcgbar. Ladezeit entf\u00e4llt praktisch. Der bzw. die Nutzer*in bleibt technisch nativ in der App. Will man dies beispielsweise f\u00fcr eine eigene Integration automatisiert nutzen, so wird die Anbindung einer Form von Schnittstelle notwendig, die es erlaubt alle notwendigen Inhalte zu tchop zu transferieren. <\/p>\n\n\n\n<p>Die beiden Optionen k\u00f6nnen Sie hier im Video vergleichen. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-video\"><video height=\"1920\" style=\"aspect-ratio: 886 \/ 1920;\" width=\"886\" controls src=\"https:\/\/blog.tchop.io\/wp-content\/uploads\/2022\/03\/RPReplay_Final1647944890-2.mp4\"><\/video><figcaption>Klassischer Artikel, der die Website<br>in einem Web View l\u00e4dt<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-video\"><video height=\"1920\" style=\"aspect-ratio: 886 \/ 1920;\" width=\"886\" controls src=\"https:\/\/blog.tchop.io\/wp-content\/uploads\/2022\/03\/RPReplay_Final1647948057-2.mp4\"><\/video><figcaption>Nativer Artikel, der nicht geladen werden muss und sofort lesbar ist<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Wahlweise geht dies nun aber dank einer neuen Funktion auch ganz einfach &#8211; f\u00fcr die allermeisten &#8211; Artikel manuell, mit wenigen Klicks!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Auslesen der Inhalte<\/h3>\n\n\n\n<p>Solche Artikel-Karten k\u00f6nnen innerhalb weniger Sekunden durch das Hinzuf\u00fcgen einer beliebigen URL erzeugt werden. Unsere Plattform kann die notwendigen Teaser-Inhalte in der Regel automatisch von der Quelle ziehen. Und genauso funktioniert dies nun f\u00fcr die Option eines echten, nativen Artikels in der App. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Alle Inhalte nativ in der App<\/h3>\n\n\n\n<p>Nach dem Hinzuf\u00fcgen einer URL, erscheint am oberen Rund der Karte nun die Option diesen Artikel nativ zu importieren. Mit dem Klick auf den Button werden Bilder, Headlines, Texte mit einfachen Formatierungen ausgelesen und als native Text-Karte bearbeitbar gemacht. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"583\" src=\"https:\/\/blog.tchop.io\/wp-content\/uploads\/2022\/03\/image-1-1024x583.png\" loading=\"lazy\" alt=\"\" class=\"wp-image-4207\" srcset=\"https:\/\/blog.tchop.io\/wp-content\/uploads\/2022\/03\/image-1-1024x583.png 1024w, https:\/\/blog.tchop.io\/wp-content\/uploads\/2022\/03\/image-1-300x171.png 300w, https:\/\/blog.tchop.io\/wp-content\/uploads\/2022\/03\/image-1-768x437.png 768w, https:\/\/blog.tchop.io\/wp-content\/uploads\/2022\/03\/image-1-1536x874.png 1536w, https:\/\/blog.tchop.io\/wp-content\/uploads\/2022\/03\/image-1-2048x1166.png 2048w, https:\/\/blog.tchop.io\/wp-content\/uploads\/2022\/03\/image-1-800x455.png 800w, https:\/\/blog.tchop.io\/wp-content\/uploads\/2022\/03\/image-1-1100x626.png 1100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Finden sich auf der Seite mehrere Bilder, so wird automatisch eine Bildergalerie erstellt. Diese Art von Import funktioniert bei vielen, aber nicht bei allen Artikeln. Entscheidend ist letztlich die technische Formatierung der Quelle, auf welche wir allerdings leider keinen Einfluss haben. <\/p>\n\n\n\n<p>Die meisten professionell, gut gemachten Websites erlauben jedoch die einigerma\u00dfen saubere Umwandlung in einen nativen Artikel. Wer sich \u00fcbrigens f\u00fcr die Technik dahinter interessiert: <a href=\"https:\/\/docs.embed.ly\/docs\/extract\" target=\"_blank\" rel=\"noopener\">hier<\/a> finden sich technische Informationen zur verwendeten API.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Einfaches Finish<\/h3>\n\n\n\n<p>In jedem Fall empfehlen wir im letzten Schritt eine kurze Kontrolle der Inhalte. Zum einen die Bilder &#8211; wollen bzw. sollen alle verf\u00fcgbaren Bilder verwendet werden oder macht es Sinn einzelne Bilder zu l\u00f6schen? Mit einem Click geht das schnell. Zum anderen sollte final besonderner Fokus auf dem Haupttext-Feld liegen. Die Formatierung kann hier immer kleinere Fehler bzw. Unfeinheiten aufweisen. Diese lassen sich in der Regel aber schnell korrigieren. Auch kann es sein, dass beim Import Text-Elemente mitgenommen wurden, die nicht unbedingt Teil des redaktionellen Inhalts sind. Diese k\u00f6nnen dann schnell gel\u00f6scht werden.<\/p>\n\n\n\n<p>Eine kurzer Check ist hier also immer empfohlen, bevor man den Artikel speichert und publiziert. Nat\u00fcrlich l\u00e4sst sich wie immer auch jederzeit sp\u00e4ter etwas an dem Artikel anpassen. Alle bekannten Funktionen stehen dazu zur Verf\u00fcgung.<\/p>\n\n\n\n<p>\u00dcbrigens k\u00f6nnen Sie Artikel auch im Nachhinein in eine native Version umwandeln. Likes und Kommentare bleiben dabei nat\u00fcrlich erhalten. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Manche Features sind klein und unscheinbar, offenbaren jedoch einen gro\u00dfen Mehrwert. Die M\u00f6glichkeit beliebige Web Links bzw. Artikel mit wenigen Klicks nativ in der App&#8230;<\/p>\n","protected":false},"author":5,"featured_media":4008,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[66,65,177],"tags":[],"coauthors":[132],"class_list":["post-4205","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-beste-praktiken","category-die-plattform","category-tchop-verwenden"],"_links":{"self":[{"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/posts\/4205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/comments?post=4205"}],"version-history":[{"count":7,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/posts\/4205\/revisions"}],"predecessor-version":[{"id":4238,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/posts\/4205\/revisions\/4238"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/media\/4008"}],"wp:attachment":[{"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/media?parent=4205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/categories?post=4205"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/tags?post=4205"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/coauthors?post=4205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}