将带有颜色的Google日历嵌入Squarespace中的活动

Question

我已使用具有以下代码的代码块在Google Squarespace网站上嵌入了Google日历：

<div class="responsive-iframe-container big-container">
<iframe src="https://calendar.google.com/calendar/embed? 
src=kirkstudmin%40gmail.com&ctz=America%2FChicago" style="border: 0" 
width="1500" height="1000" frameborder="0" scrolling="no"></iframe>
</div>

但是，日历没有以各种颜色显示事件，如Google日历所示。参见此处：http://www.thekirk.org/studentministry2#new-page-31

Image of Google Calendar with colors

是否可以将颜色添加到编码中？

Answer 1

通过使用Events: insert方法，您将能够设置每个事件的颜色。可以设置一个可选属性colorId来实现此目的。与此相关，请尝试访问colors endpoint来检查设置背景色和前景色的格式。

成功调用Colors: get方法时的示例颜色响应：

{
  "kind": "calendar#colors",
  "updated": datetime,
  "calendar": {
    (key): {
      "background": string,
      "foreground": string
    }
  },
  "event": {
    (key): {
      "background": string,
      "foreground": string
    }
  }
}