Tài liệu tham khảo trung gian Iframe API

Trang tham khảo này mô tả cách tải iframe trung gian vào các trang HTML.

Tải Thư viện JavaScript Iframe trung gian

Đặt đoạn mã sau đây vào bất kỳ trang HTML nào mà bạn muốn Google One Nhấn để hiển thị:

<script src="https://accounts.google.com/gsi/intermediate"></script>

HTML API

Bạn có thể tải iframe trung gian bằng cách đưa một phần tử HTML có thuộc tính mã nhận dạng được đặt thành g_id_intermediate_iframe. Hãy xem đoạn mã mẫu sau:

<script src="https://accounts.google.com/gsi/intermediate"></script>
<div id="g_id_intermediate_iframe"
     data-src="https://example.com/onetap_iframe.html">
</div>

Phần tử có mã "g_id_intermediate_iframe"

Bạn có thể đặt các thuộc tính dữ liệu iframe trung gian vào bất kỳ phần tử hiển thị hoặc ẩn nào, chẳng hạn như <div> và <span>. Yêu cầu duy nhất là mã phần tử phải được đặt thành g_id_intermediate_iframe. Đừng đặt mã nhận dạng này trên nhiều phần tử.

Bảng sau đây liệt kê các thuộc tính dữ liệu cùng với nội dung mô tả:

data-src

Thuộc tính này là URI của iframe trung gian One Tap. Hãy xem bảng sau đây để biết thêm thông tin:

data-done

Thuộc tính này là một phương thức gọi lại JavaScript được kích hoạt khi trải nghiệm người dùng Một lần nhấn hoàn tất.

Theo mặc định, trang nội dung sẽ được tải lại khi trải nghiệm người dùng Một lần nhấn hoàn tất. Bạn có thể ghi đè hành vi mặc định bằng cách cung cấp lệnh gọi lại đã hoàn tất của riêng bạn. Hãy xem bảng sau để biết thêm thông tin:

API JavaScript

Bạn có thể tải iframe trung gian bằng cách gọi một phương thức JavaScript.

Phương thức: google.accounts.id.initializeTrung

Phương thức google.accounts.id.initializeIntermediate tải iframe trung gian dựa trên đối tượng cấu hình. Hãy xem ví dụ về mã sau đây của phương thức:

google.accounts.id.initializeIntermediate(IntermediateConfig)

Ví dụ về mã sau đây triển khai phương thức google.accounts.id.initializeIntermediate bằng hàm onload:

<script>
  window.onload = function () {
    google.accounts.id.initializeIntermediate({
      src: 'https://example.com/intermediate'
    });
  };
</script>

Loại dữ liệu: mediumConfig

Bảng sau đây liệt kê các trường cùng với nội dung mô tả:

src

Trường này là URI của iframe trung gian One Tap. Hãy xem bảng sau đây để biết thêm thông tin:

xong

Trường này là phương thức gọi lại JavaScript sẽ được kích hoạt khi trải nghiệm người dùng Một lần nhấn hoàn tất.

Theo mặc định, trang nội dung sẽ được tải lại khi trải nghiệm người dùng Một lần nhấn hoàn tất. Bạn có thể ghi đè hành vi mặc định bằng cách cung cấp lệnh gọi lại đã hoàn tất của riêng mình. Hãy xem bảng sau để biết thêm thông tin: