Telepítés | Yaplet HU

Beágyazási kód

A widget hozzáadása az oldaladhoz egyetlen script taget igényel. Illeszd be közvetlenül a záró </body> tag elé minden oldalon, ahol a widgetet meg szeretnéd jeleníteni.

Keresd meg a beágyazási kódodat

Menj a Beállítások → Widget → Telepítés menübe a Yaplet vezérlőpultodon. Az egyedi beágyazási kódod készen áll a másolásra.

Add hozzá az oldaladhoz

Illeszd be a kódrészletet a weboldalad HTML-jébe, közvetlenül a záró </body> tag elé:

HTML

<script>
!function (Yaplet, t, i) {
  if (!(Yaplet = window.Yaplet = window.Yaplet || []).invoked) {
    for (window.YapletActions = [], Yaplet.invoked = !0,
      Yaplet.methods = ["identify","setEnvironment","setTags",
        "attachCustomData","setCustomData","removeCustomData",
        "clearCustomData","registerCustomAction","trackEvent","log",
        "preFillForm","showSurvey","sendSilentCrashReport",
        "startFeedbackFlow","startBot","setAppBuildNumber",
        "setAppVersionCode","setApiUrl","setFrameUrl","isOpened",
        "open","close","on","setLanguage","setOfflineMode",
        "initialize","disableConsoleLogOverwrite","logEvent","hide",
        "enableShortcuts","showFeedbackButton","destroy","getIdentity",
        "isUserIdentified","clearIdentity","openConversations",
        "openConversation","openHelpCenterCollection",
        "openHelpCenterArticle","openHelpCenter","searchHelpCenter",
        "openNewsArticle","openChecklists","startChecklist","openNews",
        "openFeatureRequests","isLiveMode","setFlowConfig"],
      Yaplet.f = function (e) {
        return function () {
          var t = Array.prototype.slice.call(arguments);
          window.YapletActions.push({ e: e, a: t })
        }
      }, t = 0; t < Yaplet.methods.length; t++)
        Yaplet[i = Yaplet.methods[t]] = Yaplet.f(i);
    Yaplet.load = function () {
      var t = document.getElementsByTagName("head")[0],
          i = document.createElement("script");
      i.type = "text/javascript", i.async = !0,
      i.src = "https://sdk.yaplet.com/latest/index.js",
      t.appendChild(i)
    }, Yaplet.load(),
    Yaplet.initialize("YOUR_WIDGET_ID")
  }
}();
</script>

Cseréld ki a YOUR_WIDGET_ID-t a vezérlőpultodon látható widget azonosítóra. A másolásra kész beágyazási kódot a Beállítások → Widget → Beágyazás alatt találod.

Ellenőrizd, hogy működik-e

Töltsd újra a weboldaladat. A jobb alsó sarokban látnod kell a Yaplet indítógombot. Kattints rá a widget megnyitásához és ellenőrizd, hogy minden megfelelően betöltődik.

Keretrendszer-specifikus telepítés

Ha JavaScript keretrendszert használsz, add hozzá ugyanazt a script taget az alkalmazásod vázához vagy layout komponenséhez:

Illeszd be a beágyazási kódot közvetlenül a HTML fájlodba a </body> elé.

Add hozzá a script taget a gyökér layout fájlodhoz (app/layout.tsx vagy pages/_document.tsx), vagy töltsd be egy useEffect hookkal a legfelső szintű komponensedben.

Helyezd el a scriptet az app.vue-ban vagy a nuxt.config.ts-ben az app.head.script opción keresztül.

Platform útmutatók

Konkrét platformokhoz és tartalomkezelő rendszerekhez kövesd a dedikált lépésről lépésre útmutatókat:

WooCommerce

Telepítsd a Yaplet widgetet a WooCommerce áruházadba az Insert Headers and Footers bővítménnyel — kódszerkesztés nélkül.

Shopify

Add hozzá a widgetet a Shopify áruházadhoz a beágyazási script beillesztésével a témád layout fájljába.

Webflow

Add hozzá a widgetet a Webflow oldaladhoz a beépített egyéni kód beállításokon keresztül — bármely fizetős csomaggal működik.

Nem látod a platformodat a listában? A fenti általános beágyazási kód bármely weboldallal működik, amely támogatja az egyéni HTML-t. Illeszd be a kódrészletet az oldalad láblécsablonjába, vagy használj tag managert, mint a Google Tag Manager.