Việc tích hợp thư viện Thẻ nhà xuất bản của Google (GPT) vào trang web của bạn cũng tương tự như việc tích hợp bất kỳ tập lệnh nào khác của bên thứ ba. Tuy nhiên, có một số khía cạnh riêng biệt khi làm việc với GPT mà bạn phải cân nhắc để đảm bảo tận dụng tối đa không gian quảng cáo mà vẫn giảm thiểu tác động đến hiệu suất trang web. Sau tất cả, quảng cáo nhanh chóng là điều quan trọng.
Các phần sau đây trình bày các phương pháp hay nhất nên áp dụng khi thực hiện quy trình tích hợp.
Tải GPT từ một nguồn chính thức
Để đảm bảo bạn có quyền truy cập vào các tính năng mới nhất và biện pháp bảo vệ quyền riêng tư, hãy luôn yêu cầu thư viện GPT từ một nguồn chính thức bằng cách sử dụng một trong các URL được liệt kê trong bảng sau. URL cần sử dụng sẽ tuỳ thuộc vào việc bạn có dự định bật chế độ Quảng cáo bị hạn chế (LTD) theo cách thủ công hay không.
| Loại tích hợp | Thẻ tập lệnh |
|---|---|
| Tiêu chuẩn Bao gồm cả những nhà xuất bản tích hợp với TCF của IAB ở Châu Âu. |
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script> |
| Quảng cáo bị hạn chế theo cách thủ công Nếu bạn muốn bật tính năng Quảng cáo bị hạn chế (LTD) theo cách thủ công. |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
Chế độ Quảng cáo bị hạn chế (LTD) cho phép GPT phân phát quảng cáo mà không cần truy cập vào bộ nhớ phía máy khách (chẳng hạn như cookie hoặc giá trị nhận dạng cục bộ). Bạn có thể bật quảng cáo bị hạn chế theo một trong hai cách:
Tiêu chuẩn (Tự động): Nhà cung cấp quản lý sự đồng ý (CMP) thông báo cho GPT rằng người dùng chưa đồng ý cho phép truy cập vào bộ nhớ, thường là bằng tín hiệu TCF phiên bản 2.0 của IAB. Nếu bạn sử dụng một CMP được Google chứng nhận để quản lý sự đồng ý của người dùng, thì GPT sẽ tự động chuyển sang chế độ Quảng cáo bị hạn chế dựa trên lựa chọn ưu tiên của người dùng.
- URL: Tải GPT từ URL tiêu chuẩn (doubleclick.net).
- Không cần thực hiện hành động thủ công: Bạn không cần gọi
setPrivacySettings({limitedAds: true})theo cách thủ công khi đang sử dụng CMP, vì thư viện sẽ tự động xử lý các tín hiệu.
Theo cách thủ công: Bạn gọi rõ ràng GPT API để yêu cầu quảng cáo bị hạn chế.
- URL: Nếu muốn tự bật quảng cáo bị hạn chế bằng API
googletag.pubads().setPrivacySettings({limitedAds: true}), bạn phải tải GPT từ URL của quảng cáo bị hạn chếgooglesyndication.com. - Lý do: Việc tải GPT từ miền
googlesyndication.comcho phép thêm các biện pháp bảo vệ để ngăn chặn việc truy cập vào bộ nhớ phía máy khách theo mặc định. - Hậu quả của việc định cấu hình sai: Nếu GPT được tải từ URL chuẩn và API thủ công được gọi, thì yêu cầu bật Quảng cáo bị hạn chế sẽ bị bỏ qua và một cảnh báo sẽ được ghi vào nhật ký trong Bảng điều khiển dành cho nhà xuất bản.
- URL: Nếu muốn tự bật quảng cáo bị hạn chế bằng API
Không phân phát các phiên bản GPT được lưu vào bộ nhớ đệm
Đừng bao giờ phân phát các phiên bản của gpt.js, pubads_impl.js hoặc bất kỳ thư viện nào mà chúng tải qua máy chủ của riêng bạn hoặc tải qua một nguồn không chính thức.
Việc sử dụng phiên bản đã lưu vào bộ nhớ đệm cục bộ của thư viện GPT có thể không phải lúc nào cũng hoạt động trong các phiên bản trình duyệt hoặc hệ điều hành mới và có thể không được cập nhật các tính năng và điểm cải tiến mới. Các phiên bản trước của thư viện GPT có thể ngừng hoạt động bất kỳ lúc nào và có thể dẫn đến tình trạng mất doanh thu từ quảng cáo nếu quảng cáo ngừng phân phát cho các thẻ của bạn.
Điều này cũng áp dụng cho trình chạy dịch vụ. Nếu bạn sử dụng các worker dịch vụ để lưu vào bộ nhớ đệm hoặc sửa đổi các phản hồi cho yêu cầu HTTP đến từ trang web của mình, hãy sử dụng chiến lược chỉ dành cho mạng khi xử lý các yêu cầu đối với gpt.js để tìm nạp phiên bản mới nhất.
Tải GPT sớm
Thư viện GPT (gpt.js) chỉ chứa một phần nhỏ mã cần thiết để tải quảng cáo. Phần lớn mã đó nằm trong các tệp riêng biệt (chẳng hạn như pubads_impl_XX.js), được gpt.js tải khi cần.
Bằng cách tải sớm thư viện GPT cốt lõi, các tập lệnh phụ thuộc này cũng có thể được tải sớm hơn. Điều này giúp tránh mọi độ trễ bổ sung liên quan đến việc tìm nạp các tập lệnh này (nếu chưa được lưu vào bộ nhớ đệm) và cho phép quảng cáo được tải nhanh hơn. Tất cả những điều này góp phần làm giảm thời gian hiển thị chỉ số quảng cáo đầu tiên, từ đó làm tăng khả năng xem của quảng cáo.
Sử dụng tính năng tải trước khi thích hợp
Đôi khi, bạn có thể không kiểm soát trực tiếp thời điểm hoặc cách tải GPT. Ví dụ: khi sử dụng tập lệnh quảng cáo của bên thứ ba thay mặt bạn tải GPT. Trong những trường hợp này, bạn nên tải trước yêu cầu cho gpt.js. Tải trước một yêu cầu hướng dẫn trình duyệt tải ngay một tài sản cụ thể có vai trò quan trọng đối với việc tải trang của bạn. Khi tài sản được chỉ định là một tệp JavaScript, nội dung tập lệnh sẽ được tìm nạp ngay lập tức nhưng quá trình thực thi sẽ bị hoãn lại cho đến khi cần đến tập lệnh.
Ví dụ về yêu cầu tải trước cho các chế độ tích hợp tiêu chuẩn
<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
Ví dụ về yêu cầu tải trước cho các chế độ tích hợp quảng cáo bị hạn chế
<link rel="preload" href="https://pagead2.googlesyndication.com/tag/js/gpt.js" as="script">
Sử dụng fetchpriority để ưu tiên tải tập lệnh
Bạn có thể sử dụng thuộc tính fetchpriority để báo hiệu cho trình duyệt biết mức độ ưu tiên tương đối của việc tìm nạp tài nguyên GPT. Theo mặc định, gpt.js sẽ tự động yêu cầu tập lệnh triển khai cốt lõi (pubads_impl.js) và tập lệnh Quyền riêng tư và thông báo của Google bằng fetchpriority="high" để tối ưu hoá việc lập lịch mạng và giảm độ trễ khi tải quảng cáo. Việc tăng mức độ ưu tiên có thể ảnh hưởng đến quá trình tải các tài nguyên khác trên trang và các chỉ số Core Web Vitals. Để tối đa hoá tác động của độ trễ khi đặt fetchpriority thành cao, bạn nên đặt gpt.js trực tiếp.
Để ưu tiên tìm nạp chính tập lệnh trình tải gpt.js (hoặc để định cấu hình mức độ ưu tiên được kế thừa của pubads_impl.js và tập lệnh Quyền riêng tư và thông báo của Google), bạn có thể thêm trực tiếp thuộc tính fetchpriority vào thẻ gpt.js <script>:
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" fetchpriority="high"></script>
Khi bạn chỉ định thuộc tính fetchpriority trên thẻ trình tải gpt.js
<script>, tập lệnh triển khai được chèn động và tập lệnh Google
về quyền riêng tư và thông báo sẽ tự động kế thừa giá trị fetchpriority
được chỉ định (chẳng hạn như "high", "low" hoặc "auto").
Sử dụng GPT trên các trang được kết xuất trước
Kết xuất trước hướng dẫn trình duyệt tải xuống và kết xuất trước các trang mà người dùng chưa yêu cầu nhưng có khả năng sẽ truy cập. Khi được tải trên một trang được kết xuất trước, thư viện GPT chỉ yêu cầu quảng cáo nếu và khi trang đó xuất hiện.
Tải GPT theo cách tĩnh
Tránh chèn thư viện GPT vào trang của bạn một cách linh động hoặc tải thư viện đó từ một tập lệnh bên ngoài. Thay vào đó, hãy tải thư viện một cách tĩnh trong <head> của trang như minh hoạ trong phần Bắt đầu sử dụng Thẻ nhà xuất bản của Google. Điều này ngăn các tài nguyên khác trì hoãn việc tìm nạp và tải thư viện GPT, từ đó trì hoãn việc tải quảng cáo.
Để biết thêm thông tin chi tiết, hãy xem tài liệu kiểm tra tải tập lệnh quảng cáo tĩnh của Công cụ kiểm tra quảng cáo của nhà xuất bản cho Lighthouse.
Tải GPT không đồng bộ
Đưa từ khoá async vào định nghĩa thẻ tập lệnh, như minh hoạ trong phần Bắt đầu sử dụng Thẻ nhà xuất bản của Google. Thao tác này hướng dẫn trình duyệt tải thư viện GPT song song với các tài nguyên và nội dung trang khác, thay vì chặn quá trình thực thi cho đến khi tập lệnh tải xong.
Để biết thêm thông tin chi tiết, hãy xem tài liệu kiểm tra tải thẻ quảng cáo không đồng bộ của Công cụ kiểm tra quảng cáo của nhà xuất bản cho Lighthouse.
Tải GPT một cách an toàn
Luôn tải thư viện GPT qua HTTPS, như minh hoạ trong phần Bắt đầu sử dụng Thẻ nhà xuất bản của Google. Hành động này không chỉ bảo mật tốt hơn cho người dùng mà còn cải thiện hiệu suất. Vì yêu cầu quảng cáo do GPT đưa ra luôn sử dụng HTTPS, nên bản thân quá trình tải thư viện bằng HTTPS đảm bảo rằng trình duyệt chỉ cần mở 1 kết nối cho mọi yêu cầu liên quan đến hoạt động phân phát quảng cáo.
Để biết thêm thông tin chi tiết, hãy xem tài liệu kiểm tra tải thẻ quảng cáo qua HTTPS và tải GPT từ máy chủ lưu trữ được đề xuất của Công cụ kiểm tra quảng cáo của nhà xuất bản cho Lighthouse.
Thực hành hiệu suất tốt trên trang
Mặc dù các phương pháp hay trong hướng dẫn này tập trung cụ thể vào việc tối ưu hoá chế độ tích hợp GPT, nhưng nhiều yếu tố khác cũng góp phần vào hiệu suất tổng thể của trang. Khi thực hiện các thay đổi đối với trang web của mình (đặc biệt là những thay đổi dựa trên các đề xuất chung, chẳng hạn như các đề xuất trong hướng dẫn này), bạn cần đánh giá mức độ ảnh hưởng của những thay đổi đó đến tất cả các khía cạnh về hiệu suất của trang. Bạn nên thường xuyên chạy các công cụ như Lighthouse và Publisher Ads Audits for Lighthouse để xác định và giải quyết các vấn đề về hiệu suất, đồng thời tìm ra sự cân bằng phù hợp giữa các hoạt động tối ưu hoá cho trang web của bạn.