Embebido para webmasters

Paginas ligeras bajo /embed/ permiten incrustar las mismas utilidades del navegador. La pagina completa enlaza FAQ, privacidad y UI localizada.

Actualizado: 2026-05-03
Las paginas embed son HTML estatico servido desde salamyx.com. Tu sitio carga nuestro origen en un iframe; aplica tus politicas de cookies y analitica de terceros.

Que es esto

Destinos oficiales bajo https://salamyx.com/embed/... cargan las mismas utilidades del navegador con cromo minimo. El sitio principal sigue con SAMEORIGIN; solo /embed/ esta pensado para sitios de terceros.

URLs de embed permitidas

Usa solo estos valores de src en produccion. La pagina completa de la herramienta sigue siendo el documento canonico para SEO y asistentes.

Pagina completa y iframe src emparejado
Pagina completa (canonical)	iframe src (embed)	Guia de la herramienta
UUID / GUID Generator	`https://salamyx.com/embed/developers/uuid/`	Abrir
JSON Formatter And Validator	`https://salamyx.com/embed/developers/json-formatter/`	Abrir
Word Counter	`https://salamyx.com/embed/text/word-counter/`	Abrir

Marcado minimo de iframe

Empieza con poca altura (por ejemplo 96–120px) y crece el iframe con postMessage. Usa un title descriptivo por accesibilidad.

<iframe
  id="salamyx-embed-frame"
  src="https://salamyx.com/embed/developers/uuid/"
  title="UUID / GUID Generator (salamyx.com embed)"
  style="width:100%;min-height:120px;height:120px;border:0;border-radius:12px;background:#0b1223;"
  loading="lazy"
  referrerpolicy="strict-origin-when-cross-origin"
></iframe>

Altura automatica con postMessage

Los documentos embed envian sugerencias al padre. En produccion valida event.origin === "https://salamyx.com" y la forma del mensaje antes de cambiar layout.

const ALLOWED_ORIGIN = 'https://salamyx.com';

window.addEventListener('message', (event) => {
  if (event.origin !== ALLOWED_ORIGIN) return;
  const data = event.data;
  if (!data || data.source !== 'salamyx-embed' || data.type !== 'resize') return;
  const iframe = document.getElementById('salamyx-embed-frame');
  if (!(iframe instanceof HTMLIFrameElement)) return;
  iframe.style.height = `${Math.max(320, Number(data.height) || 0)}px`;
});

Nota de hosting (Apache)

El .htaccess de produccion en este repo aplica CSP frame-ancestors * solo bajo /embed/. Otros hosts deben replicar esa politica.

Indexacion, canonical y seguridad (SEO y LLM)

Indexacion: HTML embed con noindex,follow. Los buscadores deben rankear la URL completa de la herramienta.
Canonical: Cada /embed/ enlaza canonical a la pagina completa de la herramienta.
Contrato postMessage: Exige data.source === "salamyx-embed" y data.type === "resize"; altura en data.height (px). Revisa event.origin contra https://salamyx.com.
Politica de framing: No iframes la URL normal de la herramienta; solo las rutas /embed/ estan pensadas para terceros.

Para catalogo y metadatos en automatizacion, usalo junto con Tools API v1.

Privacidad y limitaciones

Las paginas embed son HTML estatico servido desde salamyx.com. Tu sitio carga nuestro origen en un iframe; aplica tus politicas de cookies y analitica de terceros.

Solo un subconjunto curado tiene ruta embed; fuera de /embed/ no se garantiza framing.
La altura del iframe no cambia sola salvo que manejes eventos postMessage del embed.
La UI embed es solo ingles en esta primera version; las paginas completas tienen varios idiomas.

Paginas relacionadas

FAQ

Que URL debo poner en el src del iframe?

Usa las URLs documentadas https://salamyx.com/embed/... No iframes la URL normal de la herramienta: no esta pensada para framing en sitios de terceros.

Como redimensiono la altura automaticamente?

Escucha message en window con data.source === "salamyx-embed" y data.type === "resize", luego asigna data.height al iframe.

Habra mas herramientas embebibles?

Si, cuando cada herramienta supere revision UX y de seguridad. Esta guia y el modulo embed-tools en el repositorio son la fuente de verdad.

Cambia donde se procesa la entrada?

No. Sigue en el navegador del visitante dentro del iframe. La ruta embed solo cambia el cromo y los headers de framing.

Puedo quitar la atribucion?

Mantén el iframe apuntando a salamyx.com para que el origen sea visible. No presentes la utilidad como software propio.