logo

Henvisningswidget — teknisk implementering

Med Muntras henvisningswidget kan andre behandlere sende digitale henvisninger til klinikken direkte fra klinikkens nettside.

\n\n

Forutsetninger

\n

Klinikkens domene må hvitelistes av Muntra før widgeten fungerer. Kontakt Muntras support og oppgi nøyaktig hvilket domene widgeten skal brukes på.

\n\n

Installasjon

\n

Widgeten krever et <div>-element og et <script>-element.

\n\n

Komplett eksempel

\n
<body>\n  <!-- Plasser div-elementet der widgeten skal vises -->\n  <div\n    class="muntra-referral-widget"\n    muntra_clinic_id="DIN_KLINIKK_ID"\n  ></div>\n\n  <!-- Skriptet skal plasseres rett før </body> -->\n  <script type="text/javascript" src="https://muntra-dev.github.io/referral-page/index.js"></script>\n</body>
\n\n

Attributter

\n

Angi attributtene direkte på <div>-elementet.

\n\n
AttributtObligatoriskBeskrivelse
classJaMå være muntra-referral-widget.
muntra_clinic_idJaKlinikkens ID i Muntra.
hide_helpNeiSett til yes for å skjule Muntras hjelpeknapp i widgeten.
disable_autofocusNeiSett til yes for å forhindre at personnummerfeltet fokuseres automatisk (som ellers kan få siden til å scrolle til widgeten ved sidelasting).
\n\n

CSS-styling

\n

Widgetens størrelse styres via CSS-klassen .muntra-referral-widget:

\n
.muntra-referral-widget {\n  height: 1000px;\n  margin: 10px auto 0;\n}
\n\n

Feilsøking

\n
    \n
  1. Sjekk muntra_clinic_id — er det riktig klinikk-ID?
    2. \n
  2. Sjekk hvitelisting — er domenet hvitelistet hos Muntra?
    3. \n
  3. Sjekk skriptets plassering — <script>-taggen må stå etter <div>-elementet, helst rett før </body>.
    4. \n
  4. Sjekk at widgeten ikke ligger i en iframe — widgeten fungerer ikke inne i en <iframe>.
    5. \n
  5. Tester du på et annet domene? — testdomener må også hvitelistes.
    6. \n
\n\n

Finne hvitelistingsfeil

\n
    \n
  1. Åpne nettsiden der widgeten er plassert.
    2. \n
  2. Høyreklikk og velg Inspiser.
    3. \n
  3. Gå til fanen Console.
    4. \n
  4. Se etter en rød feilmelding som nevner CORS og noter nettadressen etter ordet origin.
    5. \n
  5. Send nettadressen til Muntras support.
    6. \n
\n\n

Sjekk om widgeten ligger i en iframe

\n
    \n
  1. Høyreklikk og velg Inspiser.
    2. \n
  2. Gå til fanen Elements.
    3. \n
  3. Trykk Ctrl+F (eller Cmd+F på Mac) og søk etter muntra.
    4. \n
  4. Hvis widgetens <div> ligger inne i et <iframe>-element: fjern <iframe>-taggen og erstatt den med en vanlig <div>.
    5. \n