html - 如何创建链接以将条目添加到日历？

Question

我在这家夜总会工作，目前正在为他们制作一个网站，他们举办了很多事件，他们的网站围绕事件建立了很多，今天他们为每个事件制作了一个 facebook 事件，但这将是致命的有一个“添加到我的日历”按钮，可以将它添加到您的 iCal 或 Google 日历(甚至可能是 Outlook)。

我已经设法弄清楚如何制作日历提要，但随后它将作为新日历添加，唯一的好处是人们可以“订阅事件”，但是为每个事件都有一个日历是相当困惑的.所以我想知道如何实现一个功能，让他们轻松地将它添加到他们的主日历中。像 mailto: 链接一样思考，但如果可能的话，用于日历。

另外，当我谈到这个主题时，有没有人知道是否可以自动将事件从 Facebook 导入 WordPress 或将事件从 WordPress 导出到 Facebook，这会很棒，但这并不重要。

Answer 1

Dave 帖子中的链接很棒。只是为了将有关谷歌链接的一些技术细节放入此处的答案中:

Google 日历链接

<a href="http://www.google.com/calendar/event?action=TEMPLATE&text=Example%20Event&dates=20131124T010000Z/20131124T020000Z&details=Event%20Details%20Here&location=123%20Main%20St%2C%20Example%2C%20NY">Add to gCal</a>

参数是:

• action=TEMPLATE(必需)
• 文本(事件的 url 编码名称)
• 日期(ISO 日期格式，开始日期/结束日期 - 必须有开始时间和结束时间 - 按钮生成器会让你将结束时间留空，但你必须有一个，否则它将不起作用。)
  • 使用用户的时区:20131208T160000/20131208T180000
  • 要使用全局时间，请转换为 UTC，然后使用 20131208T160000Z/20131208T180000Z
  • 全天事件，您可以使用 20131208/20131209 - 请注意，按钮生成器会出错。您必须使用以下日期作为一天全天事件的结束日期，或者将结束日期设置为 +1 天。
• 详细信息(url 编码的事件描述/详细信息)
• 位置(事件的 url 编码位置 - 确保它是谷歌地图可以轻松读取的地址)

---

2018 年 2 月更新:

这是一个新的链接结构，似乎支持不需要 API 交互的新版谷歌日历:

https://calendar.google.com/calendar/r/eventedit?text=My+Custom+Event&dates=20180512T230000Z/20180513T030000Z&details=For+details,+link+here:+https://example.com/tickets-43251101208&location=Garage+Boston+-+20+Linden+Street+-+Allston,+MA+02134

新基地址:https://calendar.google.com/calendar/r/eventedit

新参数:

• 文本(事件名称)
• 日期(ISO 日期格式，开始日期/结束日期 - 必须有开始和结束时间)
  • 具有开始/结束时间的事件:20131208T160000/20131208T180000
  • 全天事件，您可以使用 20131208/20131209 - 结束日期必须比您希望的结束日期晚 1 天。
• ctz ( timezone 例如 America/New_York - 留空以使用用户的默认时区。强烈建议在几乎所有情况下都包含此项。例如，视频 session 的提醒:如果三个不同时区的人单击此链接并在上午 10:00 为他们“自己的”星期二设置提醒，这不会很好。)
• 详细信息(url 编码的事件描述/详细信息)
• 位置(事件的 url 编码位置 - 确保它是谷歌地图可以轻松读取的地址)
• 添加(以逗号分隔的电子邮件列表 - 将客人添加到您的新事件中)

注意事项:

• 上面的旧 url 结构现在重定向到这里
• 支持https
• 更好地处理时区
• 接受+空间除了%20 (urlencode 与 rawurlencode 在 PHP 中 - 两者都有效)