{"id":83491,"date":"2022-09-10T12:11:37","date_gmt":"2022-09-10T10:11:37","guid":{"rendered":"https:\/\/rmarketingdigital.com\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/"},"modified":"2020-09-16T23:09:57","modified_gmt":"2020-09-17T02:09:57","slug":"comparta-como-una-aplicacion-nativa-con-la-api-web-share","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/de\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/","title":{"rendered":"Teilen Sie wie eine native App mit der Web Share API"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Contenidos<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/#Conceptos-y-uso\" >Conceptos y uso<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/#Capacidades-y-limitaciones\" >Capacidades y limitaciones<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/#Compartir-enlaces-y-texto\" >Compartir enlaces y texto<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/#Compartir-archivos\" >Compartir archivos<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/#Estudio-de-caso-de-Santa-Tracker\" >Estudio de caso de Santa Tracker<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/#Enlaces-Utiles\" >Enlaces \u00datiles<\/a><\/li><\/ul><\/nav><\/div>\n<p><\/p>\n<div>\n<header class=\"w-article-header\">\n<p class=\"w-article-header__subhead w-mb--non\">\n<p>          Las aplicaciones web pueden utilizar las mismas capacidades de uso compartido proporcionadas por el sistema que las aplicaciones nativas.\n        <\/p>\n<p>\n          <time>8 de noviembre de 2019<\/time><br \/>\n            Actualizado <time>12 de mayo de 2020<\/time>\n        <\/p>\n<\/header>\n<p>Con la API Web Share, las aplicaciones web pueden utilizar las mismas capacidades de uso compartido proporcionadas por el sistema que las aplicaciones nativas.  La API Web Share hace posible que las aplicaciones web compartan enlaces, texto y archivos con otras aplicaciones instaladas en el dispositivo de la misma manera que las aplicaciones nativas.<\/p>\n<div class=\"w-aside w-aside--note\">\n<p>Compartir es solo la mitad de la magia.  Las aplicaciones web tambi\u00e9n pueden ser objetivos para compartir, lo que significa que pueden recibir datos, enlaces, texto y archivos de aplicaciones web o nativas.  Consulte la publicaci\u00f3n Recibir datos compartidos para obtener detalles sobre c\u00f3mo registrar su aplicaci\u00f3n como destino para compartir.<\/p>\n<\/div>\n<h2 id=\"concepts-and-usage\"><span class=\"ez-toc-section\" id=\"Conceptos-y-uso\"><\/span>Conceptos y uso <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<figure class=\"w-figure w-figure--inline-right\">\n  <img alt='wst-send-2631807' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/wst-send-2631807.png' style=\"max-width: 370px\" alt=\"Selector de destino compartido a nivel del sistema con una PWA instalada como opci\u00f3n.\"><figcaption class=\"w-figcaption w-figcaption--fullbleed\">\n<p>    Selector de destino compartido a nivel del sistema con una PWA instalada como opci\u00f3n.<br \/>\n  <\/figcaption><\/figure>\n<h3 id=\"capabilities-and-limitations\"><span class=\"ez-toc-section\" id=\"Capacidades-y-limitaciones\"><\/span>Capacidades y limitaciones <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>El recurso compartido web tiene las siguientes capacidades y limitaciones:<\/p>\n<ul>\n<li>Solo se puede usar en un sitio que admita HTTPS.<\/li>\n<li>Debe invocarse en respuesta a una acci\u00f3n del usuario, como un clic.  Invoc\u00e1ndolo a trav\u00e9s del <code>onload<\/code> el manejador es imposible.<\/li>\n<li>Puede compartir URL, texto o archivos.<\/li>\n<li>A mediados de 2020, solo est\u00e1 disponible en Safari y en Android en las bifurcaciones de Chromium.  Ver<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Navigator\/share#Browser_compatibility\">MDN<\/a><br \/>\npara detalles.<\/li>\n<\/ul>\n<h3 id=\"sharing-links-and-text\"><span class=\"ez-toc-section\" id=\"Compartir-enlaces-y-texto\"><\/span>Compartir enlaces y texto <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Para compartir enlaces y texto, use el <code>share()<\/code> m\u00e9todo, que es un m\u00e9todo basado en promesas con un objeto de propiedades requerido.  Para evitar que el navegador arroje un <code>TypeError<\/code>, el objeto debe contener al menos una de las siguientes propiedades: <code>title<\/code>, <code>text<\/code>, <code>url<\/code> o <code>files<\/code>.  Puede, por ejemplo, compartir texto sin una URL o viceversa.  Permitir que los tres miembros ampl\u00eden la flexibilidad de los casos de uso.  Imag\u00ednese si despu\u00e9s de ejecutar el c\u00f3digo siguiente, el usuario eligiera una aplicaci\u00f3n de correo electr\u00f3nico como destino.  los <code>title<\/code> El par\u00e1metro puede convertirse en el asunto del correo electr\u00f3nico, el <code>text<\/code>, el cuerpo del mensaje y los archivos, los adjuntos.<\/p>\n<p><web-copy-code><\/p>\n<pre class=\"language-js\"><code class=\"language-js\"><span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>navigator<span class=\"token punctuation\">.<\/span>share<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br>navigator<span class=\"token punctuation\">.<\/span><span class=\"token function\">share<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span><br>title<span class=\"token operator\">:<\/span> <span class=\"token string\">'web.dev'<\/span><span class=\"token punctuation\">,<\/span><br>text<span class=\"token operator\">:<\/span> <span class=\"token string\">'Check out web.dev.'<\/span><span class=\"token punctuation\">,<\/span><br>url<span class=\"token operator\">:<\/span> <span class=\"token string\">'https:\/\/web.dev\/'<\/span><span class=\"token punctuation\">,<\/span><br><span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><br><span class=\"token punctuation\">.<\/span><span class=\"token function\">then<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> console<span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'Successful share'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><br><span class=\"token punctuation\">.<\/span><span class=\"token function\">catch<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">(<\/span><span class=\"token parameter\">error<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> console<span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'Error sharing'<\/span><span class=\"token punctuation\">,<\/span> error<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br><span class=\"token punctuation\">}<\/span><\/code><\/pre>\n<p><\/web-copy-code><\/p>\n<p>Si su sitio tiene varias URL para el mismo contenido, comparta la URL can\u00f3nica de la p\u00e1gina en lugar de la URL actual.  En lugar de compartir<br \/>\n<code>document.location.href<\/code>, deber\u00edas buscar una URL can\u00f3nica <code>&lt;meta&gt;<\/code> etiqueta en la p\u00e1gina <code>&lt;head&gt;<\/code> y comparte eso.  Esto proporcionar\u00e1 una mejor experiencia al usuario.  No solo evita las redirecciones, sino que tambi\u00e9n garantiza que una URL compartida proporcione la experiencia de usuario correcta para un cliente en particular.  Por ejemplo, si un amigo comparte una URL m\u00f3vil y la miras en una computadora de escritorio, deber\u00edas ver una versi\u00f3n de escritorio:<\/p>\n<p><web-copy-code><\/p>\n<pre class=\"language-js\"><code class=\"language-js\"><span class=\"token keyword\">let<\/span> url <span class=\"token operator\">=<\/span> document<span class=\"token punctuation\">.<\/span>location<span class=\"token punctuation\">.<\/span>href<span class=\"token punctuation\">;<\/span><br><span class=\"token keyword\">const<\/span> canonicalElement <span class=\"token operator\">=<\/span> document<span class=\"token punctuation\">.<\/span><span class=\"token function\">querySelector<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'link[rel=canonical]'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br><span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>canonicalElement <span class=\"token operator\">!==<\/span> <span class=\"token keyword\">null<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br>url <span class=\"token operator\">=<\/span> canonicalElement<span class=\"token punctuation\">.<\/span>href<span class=\"token punctuation\">;<\/span><br><span class=\"token punctuation\">}<\/span><br>navigator<span class=\"token punctuation\">.<\/span><span class=\"token function\">share<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span>url<span class=\"token operator\">:<\/span> url<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n<p><\/web-copy-code><\/p>\n<h3 id=\"sharing-files\"><span class=\"ez-toc-section\" id=\"Compartir-archivos\"><\/span>Compartir archivos <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Para compartir archivos, primero pruebe y llame <code>navigator.canShare()<\/code>.  Luego incluya una matriz de archivos en la llamada a <code>navigator.share()<\/code>:<\/p>\n<p><web-copy-code><\/p>\n<pre class=\"language-js\"><code class=\"language-js\"><mark class=\"highlight-line highlight-line-active\"><span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>navigator<span class=\"token punctuation\">.<\/span>canShare <span class=\"token operator\">&amp;&amp;<\/span> navigator<span class=\"token punctuation\">.<\/span><span class=\"token function\">canShare<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> files<span class=\"token operator\">:<\/span> filesArray <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><\/mark><br><mark class=\"highlight-line highlight-line-active\">  navigator<span class=\"token punctuation\">.<\/span><span class=\"token function\">share<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span><\/mark><br><mark class=\"highlight-line highlight-line-active\">    files<span class=\"token operator\">:<\/span> filesArray<span class=\"token punctuation\">,<\/span><\/mark><br><mark class=\"highlight-line highlight-line-active\">    title<span class=\"token operator\">:<\/span> <span class=\"token string\">'Vacation Pictures'<\/span><span class=\"token punctuation\">,<\/span><\/mark><br><mark class=\"highlight-line highlight-line-active\">    text<span class=\"token operator\">:<\/span> <span class=\"token string\">'Photos from September 27 to October 14.'<\/span><span class=\"token punctuation\">,<\/span><\/mark><br><span class=\"highlight-line\">  <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><\/span><br><span class=\"highlight-line\">  <span class=\"token punctuation\">.<\/span><span class=\"token function\">then<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> console<span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'Share was successful.'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><\/span><br><span class=\"highlight-line\">  <span class=\"token punctuation\">.<\/span><span class=\"token function\">catch<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">(<\/span><span class=\"token parameter\">error<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> console<span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'Sharing failed'<\/span><span class=\"token punctuation\">,<\/span> error<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/span><br><span class=\"highlight-line\"><span class=\"token punctuation\">}<\/span> <span class=\"token keyword\">else<\/span> <span class=\"token punctuation\">{<\/span><\/span><br><span class=\"highlight-line\">  console<span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span><span class=\"token template-string\"><span class=\"token template-punctuation string\">`<\/span><span class=\"token string\">Your system doesn't support sharing files.<\/span><span class=\"token template-punctuation string\">`<\/span><\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/span><br><span class=\"highlight-line\"><span class=\"token punctuation\">}<\/span><\/span><\/code><\/pre>\n<p><\/web-copy-code><\/p>\n<p>Observe que la muestra maneja la detecci\u00f3n de caracter\u00edsticas probando<br \/>\n<code>naviagator.canShare()<\/code> en lugar de para <code>navigator.share()<\/code>.  El objeto de datos pasado a <code>canShare()<\/code> solo admite el <code>files<\/code> propiedad.  Se pueden compartir archivos de imagen, video, audio y texto.  (Ver<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/docs.google.com\/document\/d\/1tKPkHA5nnJtmh2TgqWmGSREUzXgMUFDL6yMdVZHqUsg\/edit?usp=sharing\">Extensiones de archivo permitidas en Chromium<\/a>.) Es posible que se agreguen m\u00e1s tipos de archivos en el futuro.<\/p>\n<h2 id=\"santa-tracker-case-study\"><span class=\"ez-toc-section\" id=\"Estudio-de-caso-de-Santa-Tracker\"><\/span>Estudio de caso de Santa Tracker <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<figure class=\"w-figure w-figure--inline-right\">\n  <img alt='santa-phone-7657103' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/santa-phone-7657103.png' style=\"max-width: 400px;\" alt=\"La aplicaci\u00f3n Santa Tracker que muestra un bot\u00f3n para compartir.\"><figcaption class=\"w-figcaption w-figcaption--fullbleed\">\n<p>    Bot\u00f3n de compartir de Santa Tracker.<br \/>\n  <\/figcaption><\/figure>\n<p><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/santatracker.google.com\/\">Rastreador de santa<\/a>, un proyecto de c\u00f3digo abierto, es una tradici\u00f3n navide\u00f1a en Google.  Cada diciembre, puedes celebrar la temporada con juegos y experiencias educativas.<\/p>\n<p>En 2016, el equipo de Santa Tracker utiliz\u00f3 la API Web Share en Android.  Esta API fue perfecta para dispositivos m\u00f3viles.  En a\u00f1os anteriores, el equipo deshabilit\u00f3 los botones para compartir en dispositivos m\u00f3viles porque el espacio es escaso y no pod\u00edan justificar tener varios objetivos para compartir.<\/p>\n<p>Pero con la API Web Share, pudieron presentar solo un bot\u00f3n, ahorrando valiosos p\u00edxeles.  Tambi\u00e9n encontraron que los usuarios compart\u00edan con Web Share alrededor de un 20% m\u00e1s que los usuarios sin la API habilitada.  Dirigirse a<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/santatracker.google.com\/\">Rastreador de santa<\/a> para ver Web Share en acci\u00f3n.<\/p>\n<h2 id=\"helpful-links\"><span class=\"ez-toc-section\" id=\"Enlaces-Utiles\"><\/span>Enlaces \u00datiles <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/w3c.github.io\/web-share\/demos\/share-files.html\">Demostraciones para compartir web<\/a><\/p>\n<p>    <web-feedback additional-questions=\"api\"><\/web-feedback>\n  <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Las aplicaciones web pueden utilizar las mismas capacidades de uso compartido proporcionadas por el sistema que las aplicaciones nativas. 8 de noviembre de 2019 Actualizado 12 de mayo de 2020&#8230;<\/p>","protected":false},"author":1,"featured_media":83492,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1356],"tags":[],"class_list":["post-83491","post","type-post","status-publish","format-standard","has-post-thumbnail","category-dev"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Comparta como una aplicaci\u00f3n nativa con la API Web Share - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"Las aplicaciones web pueden utilizar las mismas capacidades de uso compartido proporcionadas por el sistema que las aplicaciones nativas. 8 de noviembre\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comparta como una aplicaci\u00f3n nativa con la API Web Share\" \/>\n<meta property=\"og:description\" content=\"Las aplicaciones web pueden utilizar las mismas capacidades de uso compartido proporcionadas por el sistema que las aplicaciones nativas. 8 de noviembre\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/de\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-10T10:11:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-8150429.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"360\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"Comparta como una aplicaci\u00f3n nativa con la API Web Share\",\"datePublished\":\"2022-09-10T10:11:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\\\/\"},\"wordCount\":678,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-8150429.png\",\"articleSection\":[\"Dev\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\\\/\",\"name\":\"Comparta como una aplicaci\u00f3n nativa con la API Web Share - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-8150429.png\",\"datePublished\":\"2022-09-10T10:11:37+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"Las aplicaciones web pueden utilizar las mismas capacidades de uso compartido proporcionadas por el sistema que las aplicaciones nativas. 8 de noviembre\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-8150429.png\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-8150429.png\",\"width\":1200,\"height\":360,\"caption\":\"hero-8150429-1464704-png\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Comparta como una aplicaci\u00f3n nativa con la API Web Share - R Marketing Digital","description":"Webanwendungen k\u00f6nnen dieselben vom System bereitgestellten Freigabefunktionen verwenden wie native Anwendungen. 8. November","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:\/\/rmarketingdigital.com\/de\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/","og_locale":"de_DE","og_type":"article","og_title":"Comparta como una aplicaci\u00f3n nativa con la API Web Share","og_description":"Las aplicaciones web pueden utilizar las mismas capacidades de uso compartido proporcionadas por el sistema que las aplicaciones nativas. 8 de noviembre","og_url":"https:\/\/rmarketingdigital.com\/de\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/","og_site_name":"R Marketing Digital","article_published_time":"2022-09-10T10:11:37+00:00","og_image":[{"width":1200,"height":360,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-8150429.png","type":"image\/png"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"Comparta como una aplicaci\u00f3n nativa con la API Web Share","datePublished":"2022-09-10T10:11:37+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/"},"wordCount":678,"image":{"@id":"https:\/\/rmarketingdigital.com\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-8150429.png","articleSection":["Dev"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/","url":"https:\/\/rmarketingdigital.com\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/","name":"Comparta como una aplicaci\u00f3n nativa con la API Web Share - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-8150429.png","datePublished":"2022-09-10T10:11:37+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"Webanwendungen k\u00f6nnen dieselben vom System bereitgestellten Freigabefunktionen verwenden wie native Anwendungen. 8. November","inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/rmarketingdigital.com\/dev\/comparta-como-una-aplicacion-nativa-con-la-api-web-share\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-8150429.png","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-8150429.png","width":1200,"height":360,"caption":"hero-8150429-1464704-png"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digitales Marketing","description":"SEO Agentur | Werbung f\u00fcr soziale Netzwerke | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"R Digitales Marketing","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts\/83491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/comments?post=83491"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts\/83491\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/media\/83492"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/media?parent=83491"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/categories?post=83491"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/tags?post=83491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}