3 cách nhúng video TikTok vào WordPress

9 tháng ago, Hướng dẫn WordPress, Views
3 cách nhúng video TikTok vào WordPress

Giới Thiệu

TikTok đã trở thành một nền tảng video ngắn cực kỳ phổ biến, thu hút hàng triệu người dùng trên toàn thế giới. Việc chia sẻ nội dung TikTok lên trang web WordPress của bạn có thể giúp tăng lượng truy cập, tương tác và xây dựng cộng đồng. Bài viết này sẽ hướng dẫn bạn 3 cách đơn giản và hiệu quả để nhúng video TikTok vào trang web WordPress của mình.

Cách 1: Sử Dụng Mã Nhúng TikTok (Embed Code)

Đây là cách phổ biến và dễ thực hiện nhất để nhúng video TikTok. TikTok cung cấp mã nhúng cho phép bạn dễ dàng tích hợp video vào trang web của mình.

Bước 1: Lấy Mã Nhúng TikTok

  1. Truy cập video TikTok bạn muốn nhúng trên trang web TikTok (trên trình duyệt web, không phải ứng dụng).
  2. Nhấp vào biểu tượng “Chia sẻ” (thường là biểu tượng mũi tên hoặc ba dấu chấm).
  3. Chọn “Sao chép mã nhúng” (Copy embed code). Bạn có thể thấy các tùy chọn tùy chỉnh mã nhúng như kích thước và tự động phát.

Bước 2: Nhúng Mã Vào WordPress

  1. Đăng nhập vào trang quản trị WordPress của bạn.
  2. Tạo một bài viết hoặc trang mới, hoặc chỉnh sửa một bài viết/trang hiện có.
  3. Chuyển trình soạn thảo sang chế độ “Văn bản” (Text) hoặc “Mã HTML” (HTML Code). Trong Gutenberg, bạn có thể thêm một khối “HTML”.
  4. Dán mã nhúng TikTok đã sao chép vào vị trí bạn muốn video hiển thị.
  5. Chuyển lại trình soạn thảo sang chế độ “Trực quan” (Visual) để xem trước video.
  6. Lưu hoặc xuất bản bài viết/trang.

Ưu điểm:

  • Dễ dàng thực hiện.
  • Không cần cài đặt plugin.
  • Video được nhúng sẽ tự động cập nhật nếu người dùng TikTok thay đổi video gốc (nếu video không bị xóa).

Nhược điểm:

  • Giao diện video có thể không hoàn toàn phù hợp với thiết kế trang web của bạn.
  • Ít tùy chỉnh hơn so với các phương pháp khác.

Cách 2: Sử Dụng Plugin WordPress

Có nhiều plugin WordPress được thiết kế để giúp bạn nhúng video TikTok một cách dễ dàng và cung cấp nhiều tùy chọn tùy chỉnh hơn. Một số plugin phổ biến bao gồm:

  • TikTok Feed
  • EmbedPress
  • WP TikTok Feed

Ví dụ: Sử dụng Plugin EmbedPress

  1. Trong bảng điều khiển WordPress, đi tới “Plugins” -> “Add New”.
  2. Tìm kiếm “EmbedPress” và cài đặt plugin.
  3. Kích hoạt plugin EmbedPress.
  4. Sao chép URL của video TikTok bạn muốn nhúng.
  5. Dán URL trực tiếp vào trình soạn thảo WordPress (ở chế độ “Trực quan”). EmbedPress sẽ tự động chuyển đổi URL thành video được nhúng.
  6. Bạn có thể tùy chỉnh các cài đặt nhúng (ví dụ: kích thước, tự động phát) trong cài đặt của EmbedPress.
  7. Lưu hoặc xuất bản bài viết/trang.

Ưu điểm:

  • Dễ sử dụng, thường chỉ cần dán URL video.
  • Cung cấp nhiều tùy chọn tùy chỉnh (ví dụ: kích thước, kiểu dáng, tự động phát).
  • Tương thích với nhiều nền tảng video khác, không chỉ TikTok.

Nhược điểm:

  • Cần cài đặt và quản lý plugin.
  • Một số plugin có thể ảnh hưởng đến hiệu suất trang web.
  • Các tính năng nâng cao có thể yêu cầu phiên bản trả phí.

Cách 3: Sử Dụng Iframe

Iframe (Inline Frame) là một phần tử HTML cho phép bạn nhúng một trang web khác vào trang web của mình. Bạn có thể sử dụng iframe để nhúng video TikTok, nhưng cần cẩn thận về các vấn đề bảo mật và tương thích.

Bước 1: Lấy URL Nhúng TikTok

Tương tự như cách lấy mã nhúng, bạn cần lấy URL video TikTok. Tuy nhiên, thay vì chọn “Sao chép mã nhúng”, bạn chỉ cần “Sao chép liên kết” (Copy link) hoặc “Sao chép URL” (Copy URL).

Bước 2: Tạo Mã Iframe

Bạn cần tạo mã iframe để nhúng video TikTok. Mã iframe cơ bản có dạng:

<iframe src="URL_VIDEO_TIKTOK" width="KÍCH_THƯỚC_CHIỀU_RỘNG" height="KÍCH_THƯỚC_CHIỀU_CAO" frameborder="0" allowfullscreen></iframe>

Thay thế:

  • URL_VIDEO_TIKTOK bằng URL video TikTok bạn đã sao chép.
  • KÍCH_THƯỚC_CHIỀU_RỘNG và KÍCH_THƯỚC_CHIỀU_CAO bằng kích thước bạn muốn video hiển thị (ví dụ: “560” và “315”).

Bước 3: Nhúng Mã Iframe Vào WordPress

  1. Đăng nhập vào trang quản trị WordPress của bạn.
  2. Tạo một bài viết hoặc trang mới, hoặc chỉnh sửa một bài viết/trang hiện có.
  3. Chuyển trình soạn thảo sang chế độ “Văn bản” (Text) hoặc “Mã HTML” (HTML Code). Trong Gutenberg, bạn có thể thêm một khối “HTML”.
  4. Dán mã iframe đã tạo vào vị trí bạn muốn video hiển thị.
  5. Chuyển lại trình soạn thảo sang chế độ “Trực quan” (Visual) để xem trước video.
  6. Lưu hoặc xuất bản bài viết/trang.

Ví dụ:

Giả sử URL video TikTok là https://www.tiktok.com/@username/video/1234567890. Mã iframe sẽ có dạng:

<iframe src="https://www.tiktok.com/@username/video/1234567890" width="560" height="315" frameborder="0" allowfullscreen></iframe>

Ưu điểm:

  • Cho phép bạn kiểm soát kích thước và một số thuộc tính hiển thị của video.
  • Không cần cài đặt plugin.

Nhược điểm:

  • Cần hiểu biết cơ bản về HTML.
  • Có thể gặp vấn đề về bảo mật và tương thích nếu không được thực hiện đúng cách.
  • Ít tùy chỉnh hơn so với việc sử dụng plugin chuyên dụng.

Lưu Ý Quan Trọng

  • Bản quyền: Hãy đảm bảo bạn có quyền nhúng video TikTok trên trang web của mình. Nếu video thuộc về người khác, hãy xin phép trước khi nhúng.
  • Tốc độ tải trang: Nhúng quá nhiều video có thể làm chậm tốc độ tải trang web của bạn. Hãy tối ưu hóa video và sử dụng các kỹ thuật lazy loading để cải thiện hiệu suất.
  • Thiết bị di động: Kiểm tra xem video có hiển thị đúng cách trên các thiết bị di động hay không. Sử dụng kích thước video phù hợp và đảm bảo video tương thích với giao diện đáp ứng của trang web bạn.

Kết Luận

Việc nhúng video TikTok vào trang web WordPress là một cách tuyệt vời để tăng tương tác và thu hút khách truy cập. Với 3 phương pháp được trình bày trong bài viết này, bạn có thể dễ dàng chọn cách phù hợp nhất với nhu cầu và trình độ kỹ thuật của mình. Chúc bạn thành công!

, , , ,

..