Hướng Dẫn Cách Nhúng Google Calendar Vào Trang Web | WCT

Bài viết này thực hiện (hoặc lụm bài về đăng câu like từ các trang khác) bởi Việt Lâm Coder một YOUTUBER có tâm và đẹp trai siêu cấp vô địch zũ trụ.

Lịch Google hay Google Calendar là một ứng dụng hoàn toàn miễn phí cung cấp bởi Google giúp bạn dễ dàng theo dõi các sự kiện quan trọng của cuộc sống. Bài viết này sẽ hướng dẫn bạn nhúng lịch Google Calendar của bạn trên trang web để người khác có thể theo dõi các sự kiện trên đó.

Trước khi bắt đầu bạn cần lưu ý rằng Google Calendar cho phép chúng ta có thể tạo nhiều lịch khác nhau và bạn cần chọn một lịch để nhúng. Khi sử dụng Google Calendar thì mặc định Google đã tạo sẵn cho bạn một số lịch.

Chọn Lịch và Lấy Mã Nhúng

Để chọn lịch từ Google Calendar bạn cần truy cập vào trang Google Calendar, để xem nội dung trang này bạn cần đăng nhập vào một tài khoản của Google (hoặc tài khoản được liên kết với Google).

Tiếp theo bạn tìm ở góc phải phía trên cùng biểu tượng hình bánh răng.

Click vào biểu tượng và chọn Cài Đặt (hoặc Settings).

Tìm ở góc trái phía dưới màn hình mục Cài đặt dành cho các lịch của tôi (hay Settings for my calendars). Ở mục này bạn sẽ thấy danh sách các calendar của bạn và các calendar được tự động tạo. Chọn calander mà bạn muốn nhúng vào trang web và click vào để mở rộng menu phía dưới.

Trong danh sách xổ suống của menu này bạn nhấp chọn mục Tích hợp lịch (hay Integrate calendar).

Ở đây bạn sẽ tìm thấy mã HTML để có thể nhúng vào trang web sử dụng thẻ <iframe> như sau:

<span class="hljs-tag"><<span class="hljs-title">iframe</span> <span class="hljs-attribute">src</span>=<span class="hljs-value">"https://calendar.google.com/calendar/embed?src=...."</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">"border: 0"</span> <span class="hljs-attribute">width</span>=<span class="hljs-value">"800"</span> <span class="hljs-attribute">height</span>=<span class="hljs-value">"600"</span> <span class="hljs-attribute">frameborder</span>=<span class="hljs-value">"0"</span> <span class="hljs-attribute">scrolling</span>=<span class="hljs-value">"no"</span>></span><span class="hljs-tag"></<span class="hljs-title">iframe</span>></span>

1

<span class="hljs-tag"><<span class="hljs-title">iframe</span><span class="hljs-attribute">src</span>=<span class="hljs-value">"https://calendar.google.com/calendar/embed?src=...."</span><span class="hljs-attribute">style</span>=<span class="hljs-value">"border: 0"</span><span class="hljs-attribute">width</span>=<span class="hljs-value">"800"</span><span class="hljs-attribute">height</span>=<span class="hljs-value">"600"</span><span class="hljs-attribute">frameborder</span>=<span class="hljs-value">"0"</span><span class="hljs-attribute">scrolling</span>=<span class="hljs-value">"no"</span>></span><span class="hljs-tag"></<span class="hljs-title">iframe</span>></span>

Copy mã này và dán vào source code của trang web bạn muốn nhúng lịch Google của bạn.

Cho Phép Người Dùng Lưu Sự Kiện Trong Calendar

Để người dùng truy cập trang web có thể lưu các sự kiện trong calendar của bạn thì lịch của bạn cần được đặt ở chế độ công khai. Để làm điều này bạn thực hiện theo các bước sau:

• Truy cập vào trang Calendar và click chọn một event bạn muốn công khai.
• Ở cửa sổ popup hiện ra click vào nút Tuỳ Chọn (hoặc Options) ở phía trên góc phải popup (nằm cạnh dấu x).
• Trong menu sổ xuống click chọn Công bố sự kiện (hoặc Publish event.

Sau khi hoàn tất các bước trên thì bạn có thể kiểm tra lại bằng việc đăng nhập vào một tài khoản Google khác sau đó truy cập vào trang web được nhúng lịch Calendar và bấm vào lưu sự kiện.

Bài viết này thực hiện (hoặc lụm bài về đăng câu like từ các trang khác) bởi Việt Lâm Coder một YOUTUBER có tâm và đẹp trai siêu cấp vô địch zũ trụ.