{"id":4287,"date":"2022-03-22T11:05:00","date_gmt":"2022-03-22T11:05:00","guid":{"rendered":"https:\/\/blog.tchop.io\/?p=4287"},"modified":"2024-08-14T06:36:38","modified_gmt":"2024-08-14T06:36:38","slug":"you-have-the-choice-article-as-link-or-directly-native-in-the-app","status":"publish","type":"post","link":"https:\/\/blog.tchop.io\/en\/you-have-the-choice-article-as-link-or-directly-native-in-the-app\/","title":{"rendered":"You have the choice: article as link or directly native in the 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>Some <a href=\"https:\/\/blog.tchop.io\/en\/10-small-features-that-do-big-things\/\">features<\/a> are small and inconspicuous, but reveal a great added value. The ability to embed any web links or articles natively in the app with just a few clicks is one such feature. Today we want to explain in more detail how this works.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Native UX or Web View<\/h4>\n\n\n\n<p>The preferred, because easiest way to display <a href=\"https:\/\/blog.tchop.io\/en\/how-to-build-a-loyal-digital-community\/\">content<\/a> in your own app is the so-called article map (see also <a href=\"https:\/\/blog.tchop.io\/de\/wie-sie-inhalte-aus-ihrem-cms-oder-intranet-automatisch-in-ihre-tchop-app-importieren\/\">here<\/a>). Here, the content or article is opened in the app in a web view. The teaser elements can be easily edited and customized, and at the same time the integration works for practically all content that is accessible in some way on the web &#8211; without the need for complex integration. Even paywall-protected, own content can be made available with a few tricks.<\/p>\n\n\n\n<p>From a mobile UX perspective, however, it is always better to integrate content directly, i.e. natively, in the app. There is no need to load the text of the article, it is immediately available. Loading time is practically eliminated. The user remains technically native in the app. If you want to use this automatically for your own integration, for example, you need to connect a form of interface that allows you to transfer all the necessary content to tchop.<\/p>\n\n\n\n<p>You can compare the two options here in the video.<\/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\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\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\" style=\"flex-basis:100%\">\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<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<figure class=\"wp-block-video alignleft\"><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<\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<p>Alternatively, thanks to a new function, this can now also be done manually &#8211; for the vast majority of articles &#8211; with just a few clicks!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Reading out the contents<\/h4>\n\n\n\n<p>Such article maps can be created within a few seconds by adding any URL. Our <a href=\"https:\/\/blog.tchop.io\/en\/how-social-networks-and-platforms-decline\/\">platform<\/a> can usually pull the necessary teaser content from the source automatically. And the same way it works now for the option of a real native article in the app.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">All content natively in the app<\/h4>\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>After adding a URL, the option to import this article natively now appears at the top round of the card. By clicking the button, images, headlines, texts with simple formatting will be read and made editable as a native text map.<\/p>\n\n\n\n<p>If there are multiple images on the page, an image gallery is automatically created. This kind of import works for many, but not for all articles. Ultimately, the technical formatting of the source is decisive, but unfortunately we have no influence on this.<\/p>\n\n\n\n<p>However, most professional, well-made websites allow the reasonably clean conversion into a native article. By the way, if you are interested in the technology behind it, you can find technical information about the API used <a href=\"https:\/\/docs.embed.ly\/docs\/extract\" target=\"_blank\" rel=\"noopener\">here<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Easy finish<\/h4>\n\n\n\n<p>In any case, we recommend a quick check of the content in the last step. On the one hand the images &#8211; do you want or should you use all available images or does it make sense to delete single images? This can be done quickly with one click. On the other hand, the final focus should be on the main text field. The formatting here can always have minor errors or inaccuracies. These can usually be corrected quickly. It is also possible that text elements were imported that are not necessarily part of the editorial content. These can then be quickly deleted.<\/p>\n\n\n\n<p>A quick check is always recommended before saving and <a href=\"https:\/\/blog.tchop.io\/en\/the-next-era-of-media-is-participation-not-publishing\/\">publishing<\/a> the article. Of course, as always, something can be adjusted to the article at any time later. All known functions are available for this purpose.<\/p>\n\n\n\n<p>By the way, you can also convert articles into a native version afterwards. Likes and <a href=\"https:\/\/blog.tchop.io\/en\/why-comments-in-news-offerings-are-important-for-user-retention-and-engagement\/\">comments<\/a> will of course be preserved.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Some features are small and inconspicuous, but reveal a great added value. The ability to embed any web links or articles natively in the app&#8230;<\/p>\n","protected":false},"author":3,"featured_media":4007,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,6,172],"tags":[],"coauthors":[134],"class_list":["post-4287","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-best-practices","category-the-platform","category-using-tchop"],"_links":{"self":[{"href":"https:\/\/blog.tchop.io\/en\/wp-json\/wp\/v2\/posts\/4287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.tchop.io\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.tchop.io\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.tchop.io\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.tchop.io\/en\/wp-json\/wp\/v2\/comments?post=4287"}],"version-history":[{"count":4,"href":"https:\/\/blog.tchop.io\/en\/wp-json\/wp\/v2\/posts\/4287\/revisions"}],"predecessor-version":[{"id":4309,"href":"https:\/\/blog.tchop.io\/en\/wp-json\/wp\/v2\/posts\/4287\/revisions\/4309"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.tchop.io\/en\/wp-json\/wp\/v2\/media\/4007"}],"wp:attachment":[{"href":"https:\/\/blog.tchop.io\/en\/wp-json\/wp\/v2\/media?parent=4287"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.tchop.io\/en\/wp-json\/wp\/v2\/categories?post=4287"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.tchop.io\/en\/wp-json\/wp\/v2\/tags?post=4287"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.tchop.io\/en\/wp-json\/wp\/v2\/coauthors?post=4287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}