Liên kết để thêm vào lịch Google

Tôi không rõ về định dạng chính xác để có một liên kết trên trang web sẽ thêm một sự kiện vào lịch Google của người dùng. Tôi thấy rằng eventbrite đã làm được điều đó ở đây nhưng tôi rất thích một số thông số kỹ thuật hoặc liên kết rõ ràng theo đúng hướng

http://www.eventbrite.com/event/1289487893

http://screencast.com/t/6vvh1khS

Đây là một liên kết ví dụ bạn có thể sử dụng để xem định dạng:

https://www.google.com/calendar/render?action=TEMPLATE&text=Your+Event+Name&dates=20140127T224000Z/20140320T221500Z&details=For+details,+link+here:+http://www.example.com&location=Waldorf+ Astoria, + 301 + Park + Ave +, + New + York, + NY + 10022 & sf = true & output = xml

Lưu ý các tham số truy vấn chính:

text
dates
details
location

Đây là một ví dụ khác (lấy từ http://wordpress.org/support/topic/direct-link-to-add-specific-google-calendar-event ):

<a href="http://www.google.com/calendar/render?
action=TEMPLATE
&text=[event-title]
&dates=[start-custom format='Ymd\\THi00\\Z']/[end-custom format='Ymd\\THi00\\Z']
&details=[description]
&location=[location]
&trp=false
&sprop=
&sprop=name:"
target="_blank" rel="nofollow">Add to my calendar</a>

Đây là một biểu mẫu sẽ giúp bạn tạo một liên kết như vậy nếu bạn muốn (được đề cập trong các câu trả lời trước đó):

https://support.google.com/calendar/answer/3033039 Chỉnh sửa: Liên kết này không còn cung cấp cho bạn biểu mẫu mà bạn có thể sử dụng

Có một tài liệu toàn diện cho lịch google và các dịch vụ lịch khác: https://github.com/InteractionDesignFoundation/add-event-to-calendar-docs/blob/master/services/google.md

Một ví dụ về liên kết làm việc: https://calendar.google.com/calendar/render?action=TEMPLATE&text=Bithday&dates=20201231T193000Z/20201231T223000Z&details=With%20clowns%20and%20stuff&location=North%20Pole

Tôi cũng đã thành công với cấu trúc URL này:

URL cơ sở:

https://calendar.google.com/calendar/r/eventedit?

Và giả sử đây là chi tiết sự kiện của tôi:

Title: Event Title
Description: Example of some description. See more at /programming/10488831/link-to-add-to-google-calendar
Location: 123 Some Place
Date: February 22, 2020
Start Time: 10:00am
End Time: 11:30am
Timezone: America/New York (GMT -5)

Tôi muốn chuyển đổi chi tiết của mình thành các thông số này (URL được mã hóa):

text=Event%20Title
details=Example%20of%20some%20description.%20See%20more%20at%20https%3A%2F%2Fstackoverflow.com%2Fquestions%2F10488831%2Flink-to-add-to-google-calendar
location=123%20Some%20Place%2C%20City
dates=20200222T100000/20200222T113000
ctz=America%2FNew_York

Liên kết ví dụ:

https://calendar.google.com/calendar/r/eventedit?text=Event%20Title&details=Example%20of%20some%20description.%20See%20more%20at%20https%3A%2F%2Fstackoverflow.com%2Fquestions%2F10488831 % 2Flink-to-add-to-google-calendar & location = 123% 20Some% 20Place% 2C% 20City & days = 20200222T100000 / 20200222T113000 & ctz = America% 2FNew_York

Xin lưu ý rằng vì tôi đã chỉ định múi giờ với tham số "ctz", nên tôi đã sử dụng giờ địa phương cho ngày bắt đầu và ngày kết thúc. Ngoài ra, bạn có thể sử dụng ngày UTC và loại trừ tham số múi giờ, như sau:

dates=20200222T150000Z/20200222T163000Z

Liên kết ví dụ:

https://calendar.google.com/calendar/r/eventedit?text=Event%20Title&details=Example%20of%20some%20description.%20See%20more%20at%20https%3A%2F%2Fstackoverflow.com%2Fquestions%2F10488831 % 2Flink-to-add-to-google-calendar & location = 123% 20Some% 20Place% 2C% 20City & days = 20200222T150000Z / 20200222T163000Z

Đối với người tiếp theo trên Google về chủ đề này, tôi đã viết một gói NPM nhỏ để giúp việc tạo URL Lịch Google trở nên đơn giản. Nó bao gồm các định nghĩa kiểu TypeScript, dành cho những ai cần điều đó. Hy vọng nó giúp!

https://www.npmjs.com/package/google-calendar-url