Whose calendar should show here?
Type your own Google account and press the button. That is the whole setup — about thirty seconds, no sign-in, nothing to install. Your calendar appears below as long as this browser is already signed in to that account, the same way it does on calendar.google.com.
It is saved in this browser only. Nothing is sent anywhere, and no account is ever set up for you.
You will see it once this browser is signed in to that account. More accounts can be added lower down, each with its own colour.
Calendar
It says you do not have permission?
That message comes from Google, not from this page, and it almost always means one of three things:
- The wrong account. When several Google accounts are signed in, an embed uses the first one
unless it is told otherwise. Press Try the next account above until the calendar appears —
this page remembers which one worked. You can see the number in a calendar.google.com address:
/calendar/u/1/ris the second account. - Not signed in to that account at all in this browser. Open calendar.google.com, sign in, and come back.
- Third-party cookies are blocked. The frame then cannot see that you are signed in. Allow
cookies for
calendar.google.comon this site, or open the calendar in its own tab.
A calendar belonging to someone else will not show at all unless they have shared it with the account you are signed in as. That is Google's rule and there is no way round it here.
Your Google accounts
These are accounts you are signed in to. A calendar only appears if the account this browser is signed in as is allowed to see it, so adding someone else's address shows you nothing. Removing one here forgets it in this browser straight away.
The second calendar says “no permission”? Share it once
A browser can only show a private calendar for the account it is signed in as. Two ways to see several accounts at once:
- Share it (best). On the other account, open Google Calendar settings → Settings for my calendars → pick the calendar → Share with specific people or groups → Add people → enter the account you normally use here (for example
) → permission See all event details → Send. Accept the emailed invitation. It then shows up above. - Or sign in to both. In Chrome, add both Google accounts to the browser profile (avatar → Add). Google shows calendars for whichever account is “first” in that browser, so sharing is the reliable option on shared devices.
- School or sports calendars that are public: paste the calendar's ID or its public address above instead of an email.
Add to the calendar
Upcoming in the hub
One-time setup for “Sign in with Google” (a parent, about five minutes)
Only needed for the list above and for Tasks. The calendar itself never needs it. Google requires a free API client ID before any site may read events:
- Go to console.cloud.google.com, signed in as the main calendar account, and create a project (any name, e.g. “Family calendar”).
- APIs & Services → Library: enable the Google Calendar API and the Google Tasks API.
- APIs & Services → OAuth consent screen: choose External, fill in the app name and your email, and add every family Google account under Test users.
- Credentials → Create credentials → OAuth client ID, type Web application. Under Authorized JavaScript origins add
https://priyaanh.github.io. Save and copy the Client ID. - Paste it under Settings below. The same sign-in covers every calendar shared with that account and Google Tasks. Sign-in only works on the hosted site, not from disk.
Other Google things
Paste a link and it appears on this page. Google allows a page to frame a Doc, Sheet, Slides, a Form, a Drive folder and a My Maps map — as long as the thing itself is shared or published. The link from the address bar is fine; it is turned into the embedding form for you.
Tasks, Gmail, Keep and Classroom cannot be put in a frame at all — they are served with a header that forbids it, so no site can show them. That is why Tasks below needs the sign-in instead, and why these open in their own tab: Tasks · Keep · Classroom · Drive.