Web SDK Integration Guide

              
              ["slide","icon","nine","match"]

            

              
              <script src="https://captcha-stat.engagelab.com/www/gt4.js"></script>

            

              
              var config = {
    captchaId: 'xxxx', // Verification ID
    apiServers: ['https://captcha-api.engagelab.com'], // List of verification server addresses, must be configured as required
    staticServers: ['https://captcha-stat.engagelab.com/www/js'] // List of static resource server addresses, must be configured as required
}
/**
 * @desc Callback after initialization is completed
 * @param { Object } gt Captcha instance
 */
var callback = function(gt) {
  // Handle related business based on the captcha instance, such as triggering the captcha window, listening for successful verification events...
}
initGeetest(config, callback)

            

              
              <div id="captch_wrap" class="captch-wrap"></div>
var config = {
    captchaId: 'xxxx', // Verification ID
    apiServers: ['https://captcha-api.engagelab.com'], // List of verification server addresses, must be configured as required
    staticServers: ['https://captcha-stat.engagelab.com/www/js'], // List of static resource server addresses, must be configured as required
    product: 'bind' // Scenario 2
}
/**
 * @desc Callback after initialization is completed
 * @param { Object } gt Captcha instance
 */
var callback = function(gt) {
    gt.onReady(function() {
      // Scenario 1: Use the built-in button provided by EngageLab to trigger the captcha window
      // Add the built-in button to the specified area
      gt.appendTo("#captch_wrap")
      // Scenario 2: Custom trigger for the captcha window
      // Call the instance's showCaptcha method during a specific event
      // For example, trigger immediately after the captcha is ready
      gt.showCaptcha()
    })
}
initGeetest(config, callback)

            

              
              /**
 * @desc Callback after initialization is completed
 * @param { Object } gt Captcha instance
 */
var callback = function(gt) {
    // Trigger captcha window...
    // Listen for verification results
    gt.onSuccess(function(res) {
        console.log(res)
    })
}
initGeetest({...}, callback)

            

              
              initGeetest({..., toolbar: ['close', 'refresh']}, function() {...})

            

              
              initGeetest({..., language: 'zh'}, function() {...})

            

              
              initGeetest({...}, function(gt) {
    ...
    gt.onSuccess(function(res) {
        console.log(res) // Example of successful verification result
        {
            captcha_id: "59bbe0f128f0624fdd185a6a2207aa54",
            captcha_output: "X000Q5p.....i-SFRyH1",
            client_type: "web",
            gen_time: "1648204854",
            lot_number: "200e2e58e1d3a6906e08cc9ff5c6e0b5",
            offline: true,
            pass_token: "e000b4dc372c1397976f7b8f12d66ea8d5c993ab2db5810258e835429f6fa4ae"
        }
        // Submit to the business system...
    })
})