Strava có tính năng chèn thành tích tập luyện lên website cá nhân cực kỳ hữu ích cho các bạn blogger giống mình. Các bạn có thể xem bảng thành tích Strava của mình ở thanh sidebar bên phải của bài viết này (xem trên máy tính) hoặc ở dưới bài viết (xem trên điện thoại).

Bạn có thể chọn lựa nhiều thông số khác nhau để chèn lên website của mình

  1. Huy hiệu Strava (Strava Badge)
  2. Tóm tắt thành tích trong tuần (Summary Widget)
  3. Các buổi tập mới nhất (Activity Widget)
  4. Chi tiết từng buổi tập

Dưới đây là hướng dẫn chi tiết cách chèn từng thông số trên lên website. Lưu ý: chỉ áp dụng cho các website (WordPress, Blogspot, Tumblr,…), không áp dụng cho Facebook.

1. Huy hiệu Strava

Dưới đây là huy hiệu Strava nếu bạn chưa biết nó là gì. Nó chỉ là một nút bấm liên kết trực tiếp đến trang Strava của bạn.

Follow me onStrava

Để chèn huy hiệu Strava này lên website, các bạn truy cập vào trang My Badges

Hướng dẫn Strava - [Phần 6] Chèn thành tích tập luyện lên website / blog cá nhân - strava my badges
Lựa chọn kích thước huy hiệu, sau đó copy đoạn code phía dưới và chèn vào website

Tuỳ vào kích thước huy hiệu bạn chọn, đoạn code sẽ thay đổi tương ứng. Copy và chèn đoạn code này lên website của bạn là xong.

 

2. Tóm tắt thành tích trong tuần (Summary Widget)

Truy cập vào trang Strava cá nhân của bạn. Ví dụ trang Strava của mình: https://www.strava.com/athletes/thuanbui

Kéo xuống dưới và tìm khung Share Your Runs ở bên phải của trang.

Hướng dẫn Strava - [Phần 6] Chèn thành tích tập luyện lên website / blog cá nhân - strava share your runs
Bấm vào nút Share Your Runs
Hướng dẫn Strava - [Phần 6] Chèn thành tích tập luyện lên website / blog cá nhân - strava share your runs 1
Để đăng tóm tắt thành tích tích tập luyện, các bạn chọn đoạn code nằm ở bên phải (Summary Widget)

Copy đoạn code nằm trong ô xám bên dưới dòng Embed the following code in your blog bên tay phải, sau đó chèn lên website. Dưới đây là ví dụ đoạn code của mình, đừng copy cái này nhé, copy cái trên trang Strava của bạn mới đúng.

<iframe src="https://www.strava.com/athletes/2144469/activity-summary/96461984d064d799cbd9046b3b09946a712bbea4" width="300" height="160" frameborder="0" scrolling="no"></iframe>

Nếu làm đúng, các bạn sẽ thấy bảng thành tích như dưới đây

3. Các buổi tập mới nhất (Activity Widget)

Thao tác tương tự như bước trên, chỉ khác biệt ở đoạn code: bạn chọn đoạn code ở cột Activity Widge bên trái thay vì bên phải.

<iframe height='454' width='300' frameborder='0' allowtransparency='true' scrolling='no' src='https://www.strava.com/athletes/2144469/latest-rides/96461984d064d799cbd9046b3b09946a712bbea4'></iframe>

Và đây là kết quả

4. Chi tiết buổi tập

Để chia sẻ thành tích chi tiết buổi tập lên website, các bạn truy cập vào trang chi tiết của buổi tập tương ứng trên Strava.

Hướng dẫn Strava - [Phần 6] Chèn thành tích tập luyện lên website / blog cá nhân - strava chi tiet buoi tap
Bấm vào biểu tượng chia sẻ, sau đó chọn Embed on blog
Hướng dẫn Strava - [Phần 6] Chèn thành tích tập luyện lên website / blog cá nhân - strava chi tiet buoi tap 2
Copy đoạn code và chèn lên website

Đây là chi tiết buổi chạy mới nhất chiều hôm qua của mình ở trường đua Phú Thọ


Nếu gặp khó khăn cần hỗ trợ các bạn có thể liên hệ ở phần bình luận bên dưới nhé.

Các bài viết cùng từ khoá Strava

Similar Posts

guest
0 Comments
Inline Feedbacks
View all comments