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
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.
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 on
Để chèn huy hiệu Strava này lên website, các bạn truy cập vào trang My Badges
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.
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.
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
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ả
Để 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.
Đâ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é.
Link nội dung: https://thietkewebhcm.com.vn/cach-chen-anh-vao-strava-a64481.html