Fella kannanir inn á vefsíðuna þína

Uppfært 20. apríl 2026

Settu könnun beint inn í vöruna þína, lendingarsíðuna eða hjálparmiðstöðina. Engir iframe-rammar til að stjórna, engin vandamál með uppsetningu - þetta virkar bara.

Notaðu einfalt skriftumerki (script tag) eða settu upp SDK ef þú vilt frekar vinna með einingar (modules).

Fullt API og ítarlegri valkostir eru fáanlegir í skjölun Embed SDK.

Veldu birtingarmáta

Mismunandi aðstæður kalla á mismunandi nálganir. Veldu það sem hentar þínu notendaviðmóti:

  • Innfellur viðmótshluti (inline widget) - fellt beint inn á síðuna
  • Sprettigluggi (modal dialog) - opnaðu fyrir endurgjöf eftir þörfum
  • Hliðarborði (drawer) - rennur inn frá hliðinni
  • Svifgluggi (popover) - nett og fljótandi spjald
  • Endurgjafarflipi (feedback tab) - alltaf til staðar, án þess að vera fyrir

Fljótleg byrjun

Valkostur 1: Skriftumerki (hraðast)

Bættu þessu við síðuna þína og allt er klárt:

<script src="https://share.youropinion.is/embed/latest.js"></script>

Opnaðu síðan könnun með einni línu:

<button onclick="yo.createDialog('SURVEY_ID').open()">Gefa endurgjöf</button>

Ef þú ert að nota sérsniðið lén geturðu líka sótt SDK frá https://cname.thittlen.is/embed/latest.js til að koma í veg fyrir fyrirspurnir til þriðja aðila.

Valkostur 2: Setja upp með npm

Fyrir nútímalegri uppsetningar:

npm install @youropinion/embed

Notaðu það síðan í forritinu þínu:

import { createWidget } from "@youropinion/embed";

createWidget("SURVEY_ID", {
    container: document.querySelector("#survey"),
});

React? Ekkert mál.

Notaðu tilbúna íhluti:

import { EmbedWidget } from "@youropinion/embed/react";

export default function Page() {
    return <EmbedWidget surveyId="SURVEY_ID" autoGrow />;
}

Dökkt þema? Af hverju ekki.

Samræmdu könnunina við vöruna þína í einni línu:

yo.setTheme("auto"); // light | dark | auto

Hvar finn ég auðkenni (ID) könnunarinnar

Búðu til deilingartengil á stjórnborðinu þínu og virkjaðu „Allow embedding in websites“.

Auðkennið (ID) er einfaldlega hlutinn á eftir /#/ í tenglinum þínum.

Lestu meira: