Manusta küsitlus oma veebilehele

Uuendatud 20. aprill 2026

Lisa küsitlus otse oma tootesse, kodulehele või abikeskusesse. Ei mingit iframe’ide haldamist ega paigutusprobleeme - see lihtsalt töötab.

Kasuta lihtsat skriptimärgendit või paigalda SDK, kui eelistad moodulipõhist lähenemist.

Täielik API ja täpsemad võimalused leiad Embed SDK dokumentatsioonist.

Vali esitlusviis

Erinevad olukorrad vajavad erinevaid lahendusi. Vali see, mis sobib sinu kasutajaliidesega:

  • Sisse ehitatud vidin (inline widget) - kuvatakse otse lehe sees
  • Modaalaken (dialog) - ava küsitlus vastavalt vajadusele
  • Küljepaneel (drawer) - libiseb sisse lehe servast
  • Hüpikpaneel (popover) - väike hõljuv paneel
  • Tagasiside vahekaart (feedback tab) - alati nähtav, kuid ei sega

Kiirstart

Variant 1: Skriptimärgend (kõige lihtsam)

Lisa see oma lehele ja oled valmis:

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

Seejärel ava küsitlus ühe koodireaga:

<button onclick="yo.createDialog('SURVEY_ID').open()">Anna tagasisidet</button>

Kui kasutad kohandatud domeeni, saad SDK laadida ka oma domeenilt (nt https://survey.sinudomeen.ee/embed/latest.js), et vältida kolmandate osapoolte päringuid.

Variant 2: Paigalda npm-i kaudu

Kaasaegsete rakenduste jaoks:

npm install @youropinion/embed

Seejärel kasuta seda oma rakenduses:

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

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

Kasutad Reacti? Pole probleemi.

Kasuta valmis komponente:

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

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

Tume teema? Miks ka mitte.

Sobita küsitlus oma toote kujundusega vaid ühe reaga:

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

Kust leida küsitluse ID

Loo oma töölaual jagamislink ja lülita sisse valik „Allow embedding in websites“.

ID on sinu lingi osa, mis tuleb pärast /#/.

Loe lisaks