Event tags

You can categorize events using event tags – aka event labels. You can assign an unlimited number of tags to each event and use these tags to group similar events.

What you can do with tags

• You can filter the events list in admin view by entering one or more event tags in the Search field.
• You can limit event calendars to listing only events with certain event tags. This allows you to create separate event calendars for each type of event.
• You can limit upcoming events gadgets to listing only events with certain event tags.
• You can color code different types of events on the calendar view of your event calendar using event tags

What you can't do with tags

• You cannot use the site search gadget to search for events by event tag.
• Event tags are not searched by Google and do not affect your site's Google rankings.

Adding tags

You can assign tags to events on the event details page when you add or modify an event.

Tags are displayed on the event list in admin view.

You can quickly filter the list by typing a tag in the search field.

Removing tags

You can remove a tag for a particular event by going into edit mode and removing it from the Tag field. If you want to remove the tag completely, so it does not show up on your tag list (a tag might be no longer used or misspelled), you have to go into every event that has this tag assigned and remove it one by one.

Filtering event calendars using tags

To filter an event calendar, so that it displays only events with certain event tags, follow these steps:

1. Click Sites pages within the Website module and begin editing the site page where the event calendar appears.
2. Hover your pointer over the event calendar gadget and click the Settings icon.
3. Within the gadget settings panel on the left, check the tags you want to filter by.
   
4. Click Save to save the changes to the page.

Filtering upcoming events gadgets using tags

To filter an upcoming event gadget, so that it displays only events with certain event tags, follow these steps:

1. Click Sites pages within the Website module and begin editing the site page where the upcoming events gadget appears.
2. Hover your pointer over the upcoming events gadget and click the Settings icon.
3. Within the gadget settings panel on the left, check the tags you want to filter by.
   
4. Click Save to save the changes to the page.

Color coding events using event tags

You can use event tags to color code different types of events on the monthly calendar view of your event calendar.

To color code events on your event calendar, follow these steps:

1. Begin editing the site page on which your event calendar appears.
2. Add a custom HTML gadget directly below your event calendar gadget.
3. Add the following code to the custom HTML gadget.
   <script>
if ($(".monthButtonLabel").length >0)
{
setEventBackground("workshop", "orange");
setEventBackground("meeting", "LimeGreen");
setEventBackground("conference", "#FF4500");
} 
function setEventBackground(tagName, bgcolor)
{
$( "a[data-tags*='" + tagName + "']")
.parent().css("background-color", bgcolor).parent().find(".eventTime").parent().css("background-color", bgcolor);
}
</script>
4. Modify the setEventBackground elements within the code, changing the event tags (workshop, meeting, conference) to match the event tags you use, and changing the background colors to the colors you want to use (using either color names or hex codes). You can add or remove setEventBackground elements if necessary.
5. Save the changes to your code.
6. Save the changes to the page.