Códigos de referido y cupones
Un toque copia el código, aparece una breve confirmación "Copiado" y el usuario lo pega en WhatsApp o en Mensajes. Más rápido que seleccionar texto con una pulsación larga.
Dónde importan copiar y pegar en una app
Botones de Pegar con un toque
Un botón Pegar junto a un campo de código de invitación, número de seguimiento o enlace lee el portapapeles con getclipboard:// y rellena el campo. Ideal para flujos como "guardar un enlace" o "unirse a un equipo".
Cadenas exactas
Direcciones de wallet, referencias de reserva, claves de API, contraseñas de Wi-Fi: valores que nadie debería volver a teclear. Cópialos con un botón y muestra el valor al lado.
Respuestas de IA y texto generado
Las herramientas de chat, de escritura y de prompts necesitan un botón Copiar en cada respuesta; los usuarios pegan el resultado en el correo, en sus notas o en apps sociales.
Prompt para Claude Code
Pega esto en Claude Code para implementar la parte de la web app. Revisa el resultado, publica y luego prueba dentro de la app WebViewGold.
Prompt para Claude Code
Prompt para Claude Code: Lee https://www.webviewgold.com/docs/iOS/clipboard/ y https://www.webviewgold.com/docs/android/clipboard/. Después: 1) Crea un módulo de portapapeles con copyText(text) (navigator.clipboard.writeText dentro del gesto del usuario, con un textarea oculto y document.execCommand("copy") como alternativa) y readClipboard(), que, solo cuando navigator.userAgent contenga mi token personalizado de WebViewGold, restablece window.clipboarddata, navega a getclipboard:// y consulta la variable cada 100 ms durante un máximo de 3 segundos. 2) Encuentra los botones de copiar que escriben en el portapapeles después de un await y refactorízalos para que el valor se cargue antes del toque. 3) Añade botones Pegar a los campos de código de invitación y de enlace, visibles solo en la app y con validación de formato. 4) Escribe tests con jsdom para el caso de éxito, un writeText rechazado y la inyección de clipboarddata. 5) Documenta las reglas en CLAUDE.md.
Con una buena versión optimizada de su aplicación web, puedes tener una impresionante aplicación móvil en un par de minutos. ¡Además del servicio al cliente es muy agradable y muy útil! ¡Puedo recomendar WebViewgold :-)
Haz que copiar y pegar sean fiables dentro de la app
Unos 30 minutos.
Copia dentro del manejador del toque
Llama a
navigator.clipboard.writeText()directamente en el manejador del clic, antes de cualquier petición lenta: los WebViews rechazan las escrituras en el portapapeles que ocurren fuera de un gesto del usuario. Mantén una alternativa con un textarea oculto ydocument.execCommand("copy").Confirma la copia
Muestra un aviso breve (toast). Android 13 y posteriores muestran su propia confirmación de copia, así que mantén la tuya discreta. Dentro de la app puedes añadir una vibración con
lighthaptic://, siempre una sola llamada al puente cada vez.Pega con getclipboard://
Cuando el usuario toque Pegar, vacía
window.clipboarddata, navega agetclipboard://(solo dentro de la app, detectada por tu user agent personalizado), consulta la variable durante unos segundos y rellena el campo.Valida lo que pegaste
Quita los espacios del valor y comprueba que tiene el formato esperado (un código de invitación de 8 caracteres, una URL de un dominio permitido) antes de usarlo. Nunca envíes automáticamente el contenido del portapapeles.
Lee solo cuando el usuario lo pida
Nunca leas el portapapeles al cargar la página, con un temporizador ni en segundo plano. iOS puede pedir a los usuarios que permitan pegar y Android muestra un aviso cuando una app lee el portapapeles, así que una lectura no solicitada parece espionaje.
Helpers para copiar y pegar
Copiar funciona en el navegador y en la app; Pegar usa el puente nativo dentro de la app. Conéctalos a los botones de tu app de Claude Code:
javascript
var IN_APP = navigator.userAgent.indexOf("WebViewGold") !== -1; // tu token de user agent personalizado
// Copiar: llámalo directamente desde el manejador del clic
function copyText(text) {
if (navigator.clipboard && window.isSecureContext) {
return navigator.clipboard.writeText(text).catch(function () { legacyCopy(text); });
}
legacyCopy(text);
return Promise.resolve();
}
function legacyCopy(text) {
var ta = document.createElement("textarea");
ta.value = text;
ta.setAttribute("readonly", "");
ta.style.position = "fixed";
ta.style.opacity = "0";
document.body.appendChild(ta);
ta.select();
document.execCommand("copy");
document.body.removeChild(ta);
}
// Pegar: lee el portapapeles del dispositivo (solo en la app, tras un toque)
function pasteInto(input) {
if (!IN_APP) { input.focus(); return; } // navegador: pulsación larga y Pegar
window.clipboarddata = undefined;
window.location.href = "getclipboard://";
var started = Date.now();
(function check() {
if (typeof window.clipboarddata !== "undefined") {
input.value = String(window.clipboarddata || "").trim();
} else if (Date.now() - started < 3000) {
setTimeout(check, 100);
}
})();
}Reglas de privacidad que vigilan ambas tiendas
- Una lectura silenciosa del portapapeles al iniciar es justo el comportamiento que Apple hizo visible con los avisos de pegado y la solicitud de permiso para pegar. Lee solo después de un toque en Pegar.
- Si envías el contenido del portapapeles a tu servidor, son datos que recopilas: inclúyelos en tu política de privacidad y, si los almacenas, en App Privacy y en el formulario Data safety.
- No copies secretos (contraseñas, frases de recuperación, códigos de un solo uso) al portapapeles de forma automática; otras apps podrían leerlos más tarde. Ofrécelo como una acción explícita con una etiqueta clara.
- Los botones de Pegar mejoran la usabilidad, pero los revisores no los cuentan como función nativa a efectos de la Directriz 4.2. Combínalos con notificaciones push, inicio de sesión biométrico o la hoja de compartir.
Preguntas frecuentes
¿Por qué mi botón Copiar no hace nada dentro de la app?
navigator.clipboard.writeText solo funciona en páginas https y durante un gesto del usuario. Una llamada después de una petición con await o desde un temporizador se rechaza, y algunos WebViews bloquean la API por completo. Copia directamente en el manejador del toque y conserva la alternativa con textarea.
¿Puede la app leer el portapapeles sin que el usuario lo note?
No debería, y los sistemas lo hacen visible: iOS puede pedir al usuario que permita pegar y Android muestra un aviso cuando una app lee el portapapeles. Léelo solo cuando el usuario toque un botón Pegar.
¿Qué devuelve getclipboard://?
El contenido actual del portapapeles, inyectado en la variable global de JavaScript clipboarddata. El valor llega de forma asíncrona, así que espera a la variable después de la llamada en lugar de leerla en la línea siguiente.
¿Funciona pegar sin el puente?
Sí. Los usuarios siempre pueden mantener pulsado un campo de texto y elegir Pegar, sin que haga falta código. getclipboard:// añade el botón Pegar de un toque que rellena el campo por ellos.
Tres formas de llevar tu app a las tiendas
El mismo resultado, con distinta cantidad de trabajo por tu parte. Las tres incluyen la garantía de aprobación y soporte humano 24/7.
Hazlo tú mismo
$109 por plataforma, pago único
La licencia de WebViewGold: un proyecto de Xcode o Android Studio listo para usar. Pega tu URL, define nombre e icono, activa funciones, compila y envía. Actualizaciones gratuitas para siempre.
Ver planes en la página principalCloud Builder
$349 por licencia, complemento de pago único
Sin Mac, sin Xcode, sin Android Studio: configura en el navegador, compilamos ambas apps en la nube y las entregamos a App Store Connect y a Play Console.
Cómo funciona el Cloud Builder Prueba la demo gratuitaFull Service
$698 por plataforma $798
Envíanos tu URL y tu icono. Nuestro equipo configura, compila y entrega tu app en 72 horas, en marca blanca y con los proyectos fuente. Ambas plataformas por $1,158.
Detalles del Full Service Con tecnología de
Precios de la Oferta de invierno válidos hasta el 31 de diciembre de 2026.