Qualtrics javascript api

SAP Qualtrics là nền tảng quản lý nhân viên đo lường kinh nghiệm của nhân viên với sự trợ giúp của biểu mẫu khảo sát. SAP đã mua lại Qualtrics vào năm 2018. Người ta có thể tạo một tài khoản demo miễn phí để tạo một biểu mẫu có thể được tích hợp thông qua iframe. Trong trường hợp bạn muốn phân bổ nó trong một ứng dụng UI5 dựa trên bất kỳ sự kiện nào (nhấn nút hoặc hoàn thành một thao tác), thì SAP Qualtrics đã được xác định trước các cách

Điều kiện tiên quyết

  • Bạn cần có tài khoản SAP Qualtrics (nhấm vào đây để tạo) với quyền tạo biểu mẫu phản hồi
  • Bạn cần có quyền truy cập SAP WebIDE (Trong trường hợp bạn đang tích hợp vào một trang web không phải UI5, bạn không cần Web IDE)
  • Bạn đã tạo một biểu mẫu khảo sát trong Qualtrics

Các loại hợp chất lượng

Bạn có thể tích lũy Chất lượng trong Ứng dụng UI5 bằng ba cách sau

  1. Tích hợp trực tiếp biểu mẫu khảo sát trong UI5 bằng iframe
  2. Tích hợp UI5 bằng tập lệnh Qualtrics (không được hỗ trợ trong các tài khoản miễn phí)
  3. Tích hợp UI5 bằng cách sử dụng plugin WebIDE Fiori (không được hỗ trợ trong các tài khoản miễn phí)

Create Survey on Quality

Bước 01. Để tạo biểu mẫu khảo sát, hãy đăng nhập vào tài khoản Qualtrics của bạn và tạo một dự án mới

Tạo Khảo sát về Chất lượng

Bước 02. Tạo khảo sát từ đầu hoặc tạo bằng cách sử dụng mẫu

tạo bằng cách sử dụng mẫuBước 03. Đặt tên phù hợp cho dự án

Đặt tên phù hợp cho dự ánBước 04. Tạo câu hỏi của bạn và nhấp vào xuất bản

Tạo câu hỏi của bạn và nhấp vào xuất bảnBước 05. Sau khi khảo sát được kích hoạt, bạn sẽ nhận được một liên kết như hình dưới đây. This link will be used for iframe đích

Khảo sát Chất lượng

Bước 06. Lấy đoạn mã (không được hỗ trợ trong tài khoản miễn phí), đoạn mã này sẽ được sử dụng để tính toán dựa trên tập lệnh cũng như dựa trên plugin. Để lấy đoạn mã, hãy truy cập cài đặt và nhấp vào triển khai, như được hiển thị bên dưới

Cài đặt Chất lượng

Tại đây, bạn sẽ thấy một đoạn mã, tương tự như mã đoạn được hiển thị bên dưới
Mã đoạn mã Qualtrics

Các bước để tích hợp chất lượng trong UI5

1. Tích hợp trực tiếp biểu mẫu khảo sát trong UI5 bằng iframe

Bước 01. Trong các bước trên, chúng tôi đã nhận được một liên kết của cuộc khảo sát, có dạng như sau. https. //qfreeaccountssjc1. az1. chất lượng. com/jfe/form/SV_3CqJj9JLKoH54ii

Bước 02. Truy cập webIDE và tạo một ứng dụng đơn giản

Bước 03. Thêm đoạn mã sau vào chế độ xem (không yêu cầu gì ở đây trong bộ điều khiển)

Bước 04. Chạy Ứng dụng ngay bây giờ, bạn sẽ thấy bản khảo sát được tải xuống trong Ứng dụng. Giờ đây, theo yêu cầu của bạn, bạn có thể thêm mã iframe này vào Hộp thoại hoặc phân đoạn

Tích hợp Qualtrics trong UI5 bằng iframeBước 05. Vì đoạn mã có thể mở ở bất kỳ đâu và trong bất kỳ trình duyệt nào, do đó, điều quan trọng là phải đảm bảo an toàn cho đoạn mã. Đối với Điều đó, hãy cung cấp một thứ gọi là “Người giới thiệu HTTP” hoặc “Thêm URL trang web giới thiệu”. Mục đích là để cho phép mọi người tham gia khảo sát của bạn chỉ khi họ chọn một liên kết khảo sát có trên một trang web cụ thể.
Để làm điều đó, hãy chuyển đến phần khảo sát và nhấp vào tùy chọn khảo sát, sau đó bật "Thêm URL trang web giới thiệu". Sau đó, nhập URL cơ sở của trang web hoặc Ứng dụng UI5 của bạn.

2. Tích hợp UI5 bằng tập lệnh Qualtrics

Bước 01. Trong các bước trên, chúng tôi đã nhận được đoạn mã Qualtrics. Nó sẽ trông giống như thế này

(function(){var g=function(e,h,f,g){

this.get=function(a){for(var a=a+"=",c=document.cookie.split(";"),b=0,e=c.length;b=e/0?1:0),a=[h,e,6048],this.set(f,a.join(":"));else return!5;var c=a[100];if(100==c)return!0;switch(a[100]){case "v":return!0;case "r":return c=a[0]%Math.floor(1/c),a[100]++,this.set(f,a.join(":")),!c}return!0};

this.go=function(){if(this.check()){var a=document.createElement("script");a.type="text/javascript";a.src=g;document.body&&document.body.appendChild(a)}};

this.start=function(){var t=this;"complete"!==document.readyState?window.addEventListener?window.addEventListener("load",function(){t.go()},!0):window.attachEvent&&window.attachEvent("onload",function(){t.go()}):t.go()};};

try{(new g(1,"r","","")).start()}catch(i){}})();



Bước 02. Truy cập webIDE và tạo một ứng dụng đơn giản

Bước 03. Thêm đoạn mã sau vào bộ điều khiển (không bắt buộc phải có ở đây trong chế độ xem). Mã này có thể được viết trong hàm onInit hoặc nhấp vào một sự kiện (như sự kiện nhấp vào nút). Đoạn mã bạn nhận được ở trên sẽ được sử dụng ở đây dưới dạng chuỗi định dạng từ “var g. đến. bắt (i) {}”. Vì vậy, chúng ta cần loại bỏ (function () {khỏi bắt đầu và}) ();

sap.ui.define (["sap / ui / core / mvc / Controller"], function (Controller) {"use precision"; return Controller.extend ("Test.Test.controller.Main", {onInit: function ( ) {var snippet = 'var g = function (e, h, f, g) {this.get = function (a) {for (var a = a + "=", c = document.cookie.split (";" ), b = 0, e = c. độ dài; b  = e / 0? 1: 0), a = [h, e, 6048], this.set (f, a.join (":")); else return! 5; var c = a [100]; if (100 == c) return! 0; switch (a [100]) {case "v": return! 0; case "r": return c = a [0]% Math.floor (1 / c), a [100] ++, this.set (f, a.join (":")),! C} return! 0}; this.go = function () {if (this.check ()) {var a = document.createElement ("script"); a.type = "text / javascript"; a.src = g; document.body && document.body.appendChild (a)}}; this.start = function () {var t = this ; "complete"! == document.readyState? window.addEventListener? window.addEventListener ("load", function () {t.go ()},! 0): window.attachEvent && window.attachEvent ("onload", function ( ) {t.go ()}): t.go ()};}; thử {(new g (1, "r", " "," ")). start ()} catch (i) {} '; var functionCall = new Function (snippet); return (functionCall ());}});});

Bước 04. Chạy Ứng dụng ngay bây giờ, bạn sẽ thấy bản khảo sát được tải xuống trong Ứng dụng

Chất lượng trong UI5Bước 05. Để bảo mật đoạn mã này, bạn có thể tải xuống công cụ lệnh này trong thời gian chạy. Để làm điều đó, bạn cần lưu đoạn mã này trong phần phụ trợ trong một bảng ở định dạng đã được mã hóa và lấy đoạn mã này trong thời gian chạy. Sau đó, bạn nhận được mã, giải mã nó và chạy nó

3. Tích hợp UI5 bằng plugin WebIDE Fiori

Đây là cách phức tạp nhất để tích hợp Qualtrics trong Ứng dụng UI5. Ở đây, trước tiên chúng ta tạo plugin Fiori

Bước 01. Create a Plugin (kiểm tra cách tạo plugin tại đây)

Bước 02. Trong các bước trên, chúng tôi đã nhận được đoạn mã Qualtrics. Nó sẽ trông giống như thế này

(function(){var g=function(e,h,f,g){

this.get=function(a){for(var a=a+"=",c=document.cookie.split(";"),b=0,e=c.length;b=e/0?1:0),a=[h,e,6048],this.set(f,a.join(":"));else return!5;var c=a[100];if(100==c)return!0;switch(a[100]){case "v":return!0;case "r":return c=a[0]%Math.floor(1/c),a[100]++,this.set(f,a.join(":")),!c}return!0};

this.go=function(){if(this.check()){var a=document.createElement("script");a.type="text/javascript";a.src=g;document.body&&document.body.appendChild(a)}};

this.start=function(){var t=this;"complete"!==document.readyState?window.addEventListener?window.addEventListener("load",function(){t.go()},!0):window.attachEvent&&window.attachEvent("onload",function(){t.go()}):t.go()};};

try{(new g(1,"r","QSI_S_ZN_eDoIXhSDN2YlPo","")).start()}catch(i){}})();



Bước 03. Bây giờ, hãy truy cập vào thành phần tệp. js trong plugin ứng dụng mà bạn đã tạo ở bước 01 và bổ sung đầy đủ mã đó vào hàm onInit

Bước 03. Now now save it and run. Bạn sẽ có thể thấy nút phản hồi ở góc màn hình giống như bên dưới

Kết quả chất lượng

Bây giờ plugin Fiori của bạn đã sẵn sàng để khai thác và sử dụng trong Ứng dụng UI5 của bạn

Bước 04. Triển khai Ứng dụng plugin Fiori của bạn trong WebIDE thông qua Nền tảng đám mây SAP

Bước 05. Bây giờ, bất cứ khi nào bạn tạo Fiori Launchpad, bạn có thể thêm plugin này làm Ứng dụng trong đó Loại ứng dụng được chọn làm Trình vỏ. Bạn có thể đọc nó một cách chi tiết ở đây. Plugin trên Fiori Launchpad sẽ giống như sau