Tuy nhiên, không phải người dùng nào cũng cài sẵn tiện ích Pinterest trong trình duyệt. Vì vậy, việc chủ động gắn nút Pin chính chủ ngay trên website sẽ mang lại trải nghiệm liền mạch, chuyên nghiệp và thân thiện hơn rất nhiều.
Trong bài viết này, mình sẽ hướng dẫn bạn cách tích hợp nút Pin tùy chỉnh của Pinterest — một giải pháp chính thức, dễ cài đặt, và thân thiện với mọi thiết bị.
Vì sao nên thêm nút Pinterest?
- Tăng khả năng hình ảnh của bạn được lan truyền trên mạng xã hội.
- Gợi ý người dùng hành động mà không cần tiện ích ngoài.
- Tối ưu SEO hình ảnh thông qua traffic từ Pinterest.
- Giao diện gốc từ Pinterest, hiển thị đẹp trên cả desktop và mobile.
So với cách thủ công thì có gì hơn?
Cách cũ dùng liên kết kiểu:
https://www.pinterest.com/pin/create/button/?url=...&media=...&description=...Cách này khá nhanh, nhưng bạn phải chọn ảnh cụ thể trước và người dùng không thay đổi được ảnh khác. Còn giải pháp dưới đây sẽ cho phép người dùng **chọn bất kỳ ảnh nào trên trang để ghim**, chuyên nghiệp và linh hoạt hơn.
Bước 1: Nhúng script chính thức của Pinterest
Chèn đoạn script này vào cuối trang HTML (trước thẻ </body>) để Pinterest có thể xử lý các nút Pin bạn tạo:
<script async defer src="//assets.pinterest.com/js/pinit.js"></script>Bước 2: Tạo nút Pin tùy chỉnh
Sử dụng đoạn HTML dưới đây để hiển thị nút Pinterest chính chủ trên trang của bạn:
<a data-pin-do="buttonPin" data-pin-custom="true" href="https://www.pinterest.com/pin/create/button/">
Thêm vào Pinterest
</a>Nút này có thể đặt ở đầu trang, cuối bài viết, hoặc nơi nào bạn muốn khuyến khích người dùng ghim nội dung. Khi bấm vào, Pinterest sẽ hiển thị một hộp thoại để người dùng chọn bất kỳ hình ảnh nào đang hiển thị trên trang.
Mẹo tăng hiệu quả
- Sử dụng thẻ
<img alt="...">đầy đủ để mô tả ảnh — phần này có thể được Pinterest lấy làm mô tả. - Thêm dữ liệu cấu trúc (schema) cho bài viết để Pinterest hiểu rõ hơn nội dung trang.
- Thiết kế ảnh với tỷ lệ 2:3 (ví dụ: 1000x1500px) để hiển thị tốt hơn trên bảng tin Pinterest.
- Đặt nút Pin ở nơi dễ nhìn thấy, chẳng hạn ngay dưới ảnh hoặc bên cạnh tiêu đề bài viết.
Thử nghiệm và tinh chỉnh
Bạn có thể test bằng cách mở trang web trên trình duyệt, nhấn vào nút Pinterest đã tạo, và xem thử popup hoạt động ra sao. Nếu muốn thay đổi màu sắc hoặc kích thước nút, có thể tự thêm CSS riêng hoặc sử dụng các icon tuỳ chỉnh, miễn vẫn giữ đúng cấu trúc `data-pin-do`.
Xem tài liệu chính thức từ Pinterest
Kết luận
Việc tích hợp nút Pin chính chủ là một cách đơn giản nhưng cực kỳ hiệu quả để tăng cường khả năng chia sẻ nội dung hình ảnh của bạn trên mạng xã hội. Chỉ cần vài dòng HTML và một đoạn script, bạn đã có thể biến website của mình thành nguồn chia sẻ mạnh mẽ trên Pinterest.
Nếu bạn đang xây dựng blog, trang thương mại điện tử hoặc portfolio cá nhân — đừng bỏ qua công cụ mạnh mẽ này.
Chúc bạn triển khai thành công và đừng quên Pin thử một ảnh để kiểm chứng ngay nhé!
Bình luận