GUIAT Embed

Munta un assistent GUIAT a qualsevol pàgina via un <div> + un <script>. Sense iframe.

Snippet

<div data-guiat-embed
     data-guiat="gestions-padro"
     data-vars='{"ens":"ajuntamentdetremp"}'></div>

<script src="https://assistent.aoc.cat/embed/embed.js" async></script>

Atributs opcionals

Atribut Valors Per defecte Efecte
data-lang ca, es, … ca Idioma inicial
data-logo URL absoluta logo.png del site Sobreescriu el logotip del player
data-show-logo true, false true Mostra/oculta el logotip principal de l'assistent a totes les vistes
data-frame true, false true Marc arrodonit al voltant de l'assistent
data-maximize true, false true Botó de maximitzar a la cantonada superior dreta
data-vars JSON — Dades arbitràries → window.GuiatEmbedVars; els scripts del GUIAT les llegeixen

Exemple amb el logotip principal ocult i sense marc:

<div data-guiat-embed
     data-guiat="gestions-padro"
     data-show-logo="false"
     data-frame="false"></div>

<script src="https://assistent.aoc.cat/embed/embed.js" async></script>

Demo en viu (assistent Tràmits del padró — Tremp)

Demo en viu — sense logotip principal (data-show-logo="false")

Quan la pàgina amfitriona ja té el seu propi logotip i no vol duplicar-lo dins l'assistent.

Documentació completa de paràmetres a HOWTO-EMBED.md.

⚠ Nota CORS per a integradors externs

Aquesta demo carrega el flow.json des del seu propi origen (/gestions-padro/flow.json mirror d'AOC). A producció dins de seu-e.cat o llocs servits per assistent.aoc.cat, el snippet del HOWTO funciona directament — mateix origen, sense CORS.

Per sites de tercer (un domini que NO sigui assistent.aoc.cat), cal habilitar Access-Control-Allow-Origin: * al bucket S3 d'AOC, o passar l'UUID del GUIAT enlloc del slug perquè el fetch vagi contra guiat.k8s.videoatencion.com (que sí té CORS *).