Hướng dẫn chèn Facebook Pixel trên LadiPage

Facebook Pixel là một đoạn mã (JavaScript) mà Facebook cung cấp cho các nhà quảng cáo. Khi bạn chèn đoạn mã này vào trang web, Facebook sẽ hỗ trợ theo dõi và đo lường các sự kiện trên trang landing page.

Để cài đặt Facebook Pixel bạn làm theo các bước sau đây:

Cài đặt mã Pixel cơ sở

Trước hết bạn cần tạo mã Pixel cho tài khoản quảng cáo của mình theo những bước dưới đây:

Bước 1: Truy cập vào Trình quản lý quảng cáo:

https://www.facebook.com/ads/manager

Bước 2: Nhấp vào thanh Trình quản lý quảng cáo, chọn Pixel.

Bước 3: chọn Thiết lập Pixel.

Bước 4: Trong hộp thoại, chọn Tự cài đặt mã thủ công.

Bước 5: Hộp thoại Cài đặt mã pixel hiện lên, chọn Tiếp tục và không cần làm theo các bước mà facebook hướng dẫn trong hộp thoại.

Bước 6: Trong hộp thoại Thiết lập sự kiện, chọn Thêm mã sự kiện theo cách thủ công

Bước 7: Hộp thoại danh sách các mã sự kiện tiêu chuẩn hiện lên, bạn ấn Xong để hoàn tất.

Bước 8: Lúc này, việc tạo Pixel hoàn tất, bạn tìm mã ID pixel của mình và sao chép:

Bước 9: Quay trở lại builder trang thiết kế Landing Page, vào phần Thiết lập mã chuyển đổi và dán mã pixel ID vừa sao chép vào ô Facebook Pixel ID:

Vậy là bạn đã hoàn thành cài đặt mã pixel cơ sở. Khi đã cài đặt mã cơ sở, LadiPage đã cài sẵn các mã tiêu chuẩn dưới đây để theo dõi và trả về các dữ liệu sau cho Pixel:

  • Page view

  • View content

  • Time on page

Cài đặt theo dõi sự kiện hoàn thành form đăng ký

Trong đa số trường hợp thì sự kiện điền form đăng ký sẽ là sự kiện quan trọng nhất mà bạn cần theo dõi, hành động điền form để lại thông tin thể hiện tỷ lệ chuyển đổi của Landing Page và những chuyển đổi này khi được ghi nhận trên Pixel sẽ giúp bạn tối ưu hơn trong các hoạt động quảng cáo tiếp theo.

Khi khách hàng điền form đăng ký, bạn sẽ tự định nghĩa hành động đó có nghĩa là Hoàn thành đăng ký (Complete Registration), hay là Mua hàng (Purchase), hay là Lead, tùy thuộc vào tính chất nội dung của form và mục đích tối ưu quảng cáo của bạn.

Ba sự kiện kể trên là một trong những sự kiện tiêu chuẩn của Facebook Pixel dành cho ngành bán hàng và thương mại điện tử (Danh sách các sự kiện tiêu chuẩn có thể tìm thấy ở bước 7 trong phần Cài đặt mã Pixel cơ sở phía trên).

Và ở trên công cụ LadiPage, chúng tôi đã cài đặt sẵn các mã sự kiện tiêu chuẩn này trong phần cài đặt form đăng ký, bạn chỉ việc chọn mã phù hợp trong danh sách là xong, không cần cài thêm đoạn code nào cả.

Bạn chỉ cần chọn form và vào phần Lưu data:

Trong phần Mã sự kiện chuyển đổi, bạn chọn trong danh sách mã sự kiện mà bạn muốn ghi nhận. Chỉ cần chọn, không cần thêm code nào cả vì LadiPage đã cài đặt sẵn code:

Như vậy là bạn đã cài đặt xong theo dõi sự kiện chuyển đổi ở form. Bạn cần xuất bản trang Landing Page để lưu thay đổi này. Sau đó mở trang, điền thử form và kiểm tra hoạt động của Pixel trên Facebook Pixel Helper đã cài đặt ở trên.

Cài đặt theo dõi các sự kiện nhấp chuột

Ngoài các mã sự kiện tiêu chuẩn, nếu bạn muốn theo dõi các nút bấm hoặc một hành vi nhấp chuột vào đâu đó trên trang thì bạn cần sử dụng mã sự kiện tùy chỉnh (custom event).

Bình thường để tạo custom event các bạn cần tạo một đoạn code theo hướng dẫn của Facebook. Tuy nhiên trên LadiPage Builder, chúng tôi đã cài đặt sẵn các công thức tùy chỉnh, bạn chỉ cần định danh nút bấm đó bằng một cái tên, hệ thống sẽ tự động tạo code đó và trả về kết quả cho Pixel.

Ví dụ bạn muốn theo dõi hành vi nhấp chuột vào nút Mua ngay:

  • Chọn nút và trong thiết lập chọn phần Sự kiện.

  • Chọn mục Đo lường sự kiện nhấp chuột.

  • Đặt tên cho nút trong mục Tên sự kiện.

Vậy là bạn đã cài đặt theo dõi thành công cho sự kiện nhấp chuột vào nút Mua ngay. Bạn cần xuất bản trang Landing Page để lưu thay đổi này. Sau đó mở trang, điền thử form và kiểm tra hoạt động của Pixel trên Facebook Pixel Helper đã cài đặt ở trên.

Kiểm tra hoạt động của Pixel

Sau khi đã cài đặt xong các mã theo dõi chuyển đổi, bạn có thể kiểm tra hoạt động của pixel bằng 2 cách:

Cách 1: Sử dụng Facebook Pixel Helper

Việc cài đặt tiện ích Facebook Pixel Helper trên trình duyệt Chrome giúp bạn dễ dàng kiểm tra hoạt động của Facebook Pixel trên trang tất cả các trang website và Landing Page có gắn Pixel.

Lưu ý là tiện ích Facebook Pixel Helper hoạt động trên Chrome nên trước đó bạn cần cài đặt trình duyệt Chrome.

Các bước cài đặt tiện ích Facebook Pixel Helper như sau:

  1. Nhấp vào + Add to Chrome (Thêm vào Chrome).

  2. Nhấp vào Add extension (Thêm tiện ích).

  3. Sau khi cài đặt tiện ích này thành công, bạn sẽ nhìn thấy thông báo cho biết plugin đã được thêm vào Chrome và một biểu tượng nhỏ sẽ hiển thị trong thanh địa chỉ.

  4. Nếu các sự kiện được cài đặt trên Landing Page hoạt động thành công thì sẽ được tích xanh.

Truy cập trang và thực hiện các hành vi nhấp chuột cũng như điền form rồi theo dõi tích xanh trên add-on Pixel Helper:

Cách 2: Sử dụng công cụ Test event trên Facebook.

Truy cập vào trình quản lý pixel và vào mục Test events (kiểm nghiệm sự kiện).

Nhập đường dẫn Landing Page của bạn và mở trang rồi thao tác các sự kiện nhấp chuột, điền form.

Nếu pixel hoạt động thì các sự kiện bạn đã cài đặt sẽ được ghi nhận ở mục này:

Như vậy là bạn đã hoàn thành xong toàn bộ quy trình cài đặt Facebook Pixel để theo dõi chuyển đổi.

Thêm giá trị tiền tệ cho sự kiện

Khi gắn các mã Hoàn thành đăng ký (Complete Registration), hay là Mua hàng (Purchase), hay là Lead, bạn sẽ bắt gặp thông báo yêu cầu bổ sung giá trị tiền tệ của Facebook:

Việc thiếu giá trị tiền tệ không làm ảnh hưởng đến việc ghi nhận chuyển đổi, nên nếu bạn không bổ sung thì việc theo dõi và đo lường sự kiện trên trang vẫn hoạt động bình thường.

Bổ sung giá trị tiền tệ sẽ giúp Facebook tính toán chi phí cho mỗi chuyển đổi. Nếu bạn không quan trọng phần này thì không cần bổ sung.

Nếu vẫn cần bổ sung, bạn vào lại cấu hình lưu data của form phần mã sự kiện chuyển đổi:

Trong mục mã chuyển đổi, để Không chọn. Trong phần mã tùy chỉnh nâng cao, nhập đoạn mã code sau:

fbq('track', 'Purchase', { value: 30000, currency: 'VND' });

Trong đó:

  • Purchase: loại mã sự kiện bạn muốn đặt, có thể thay bằng CompleteRegistration hoặc Lead

  • Currency: loại tiền bạn đang cài đặt để chạy quảng cáo

  • Value: giá trị đơn hàng

Bấm Cập nhật và xuất bản lại Landing Page để lưu thay đổi.

Nếu bạn đồng thời gắn mã Google Analytics cho sự kiện này thì khi đã chọn mục Không chọn phía trên, bạn cần bổ sung thêm đoạn mã code của Google Analytics trong phần mã tùy chỉnh nâng cao, ngay phía dưới đoạn mã Pixel bạn vừa thêm ở trên. Xem hướng dẫn tại đây.

Cài đặt theo dõi cho trang cảm ơn khác

Trong trường hợp bạn sử dụng Trang cảm ơn khác để điều hướng sau khi hoàn thành form đăng ký, bạn cần cài đặt cả ID pixel và code theo dõi chuyển đổi trên trang cảm ơn này.

  1. Nhập pixel ID tại thiết lập của trang cảm ơn.

2. Nhập mã code theo dõi sự kiện hoàn thành form tại thẻ body trong phần Mã javascript:

<script>fbq('track', 'Purchase', { value: 30000, currency: 'VND' })</script>;

Trong đó Purchase là tên sự kiện, bạn có thể thay đổi tùy ý

Xuất bản để lưu thay đổi.

Lưu ý: Không chọn mã sự kiện chuyển đổi trong form nếu đã gắn mã code theo dõi trên trang cảm ơn.