How to Embed Links in Shared Public Google Calendar Events



How to Embed Links in Shared Public Google Calendar Events

How to Use Google Calendar as a Class Website (Part 5 of 6)

In the fifth part of this six-part Google Calendar series, we will explore:

  • How to add a link to a calendar event using HTML Code, and
  • how to save time by copying and pasting the same code to new entries.

Watch the following short video or see the screenshots below to get started:


Step 1 – Add the HTML Code Anchor Tag to a Calendar Entry

In order to add an active link to your Public Google Calendar Events, you must use HTML Code; the language computer programmers use to create websites.

Luckily, you will only need one piece of HTML Code called the anchor tag.

Simply copy and paste this code into your calendar and customize to suit your needs:

<a href=”http://www.website.com”>Name of Website</a>

Note that you want to replace http://www.website.com with the address of the website you want to link to and change Name of Website to whatever text you want to appear as an active link.

For example, if you want to link to Google, your code might look like this:

<a href=”http://www.google.com”>Visit Google</a>

This would generate a link that looks like this:

Visit Google

Or, a link to Apple might look like this:

<a href=”http://www.apple.com”>Click Here</a>

This would generate a link that looks like this:

Click Here

Sometimes links to files or deep-linking to websites might yield really long URLs, so it can get ugly looking. Just always remember the basic HTML anchor tag when adding links to your Google Calendar and you’ll be fine! Here’s a sample of what one of my Google Calendar Entries looks like when editing the event in comparison to what visitors to my calendar see:

The HTML Code You See - The Active Hyperlinks They See

Step 2 – Copy and Paste Calendar Events and/or HTML Code to New Events

In order to save time typing (and memorizing) the HTML Code to create active links in my Public Google Calendar Events, I typically copy my current event to the next day and modify the description content to suit.

Another approach would be to simply open an old Calendar Event to copy and paste the HTML Anchor Tag into a new event. Either way, pretty easy to allow your Public Google Calendar come to life with links to useful resources.


More from this series:



Check Out Other Recent Posts:

3 comments on “How to Embed Links in Shared Public Google Calendar Events

  1. […] How to add a link to a calendar event using HTML Code (as we did here), […]

  2. […] Step 5 – Adding Website Links to Google Calendar Events […]

What do you think? Give your say!

Subscribe!




Privacy Policy | Sitemap

%d bloggers like this: