{"type":"doc","content":[{"type":"layoutSection","content":[{"type":"layoutColumn","attrs":{"width":66.66},"content":[{"type":"paragraph"},{"type":"mediaSingle","attrs":{"layout":"center","width":250,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":339,"id":"7c7f5e2a-22a6-4627-86fa-def49fb93a8b","collection":"contentId-179110179","type":"file","height":30}}]},{"type":"table","attrs":{"layout":"default","localId":"594d2134-c091-4b19-931c-a8be0bdd65c2"},"content":[{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Level 3 or Higher - ","type":"text"},{"text":"See permission level document for details","type":"text","marks":[{"type":"link","attrs":{"href":"http://franklinoit.atlassian.net/wiki/spaces/FOKFC/pages/25267657/Permission+Levels"}}]}]}]}]}]},{"type":"paragraph","content":[{"text":"There are several options for using calendars in your Drupal websites. We have a built in calendar for Drupal that is already set up and ready to use, but some departments use third-party options and embed them into their Drupal website for more flexibility. ","type":"text"}]},{"type":"extension","attrs":{"layout":"default","extensionType":"com.atlassian.confluence.macro.core","extensionKey":"toc","parameters":{"macroParams":{"style":{"value":"none"}},"macroMetadata":{"macroId":{"value":"54ee45cb-d98f-4ea5-a103-b24eae038745"},"schemaVersion":{"value":"1"},"title":"Table of Contents"}},"localId":"25a06a26-9b82-4d72-9f80-11904ab2b6fe"}},{"type":"heading","attrs":{"level":1},"content":[{"text":"Built-in Drupal Calendar Option","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The built-in Drupal calendar is the simplest option and is populated by creating an Event in Drupal.","type":"text"},{"type":"hardBreak"},{"text":"Overview of the Event content type","type":"text","marks":[{"type":"link","attrs":{"href":"https://franklinoit.atlassian.net/wiki/x/pYiBAQ"}}]},{"type":"hardBreak"},{"text":"Instructions on How to Create an Event","type":"text","marks":[{"type":"link","attrs":{"href":"https://franklinoit.atlassian.net/wiki/x/dKKBAQ"}}]}]}]}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Third-Party Calendar Options","type":"text"}]},{"type":"paragraph","content":[{"text":"The third-party calendar options are through Google, Outlook and 25Live calendars. All of these calendars involve embedding external calendars. You can see detailed instructions for embedding these calendars into Drupal:","type":"text"},{"type":"hardBreak"},{"text":"Embedding External Content into your Drupal Website","type":"text","marks":[{"type":"link","attrs":{"href":"https://franklinoit.atlassian.net/wiki/spaces/FOKFC/pages/25275581"}}]},{"text":" ","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"NOTE: ","type":"text","marks":[{"type":"strong"}]},{"text":"You can also link to an external calendar: ","type":"text"},{"text":"UGA School of Music Performance Calendar","type":"text","marks":[{"type":"link","attrs":{"href":"https://www.ugamusiccalendar.com/"}}]},{"text":". This is fairly straightforward, but involves maintaining a separate site.","type":"text"}]}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Option 1: Google Calendar","type":"text"}]},{"type":"paragraph","content":[{"text":" Google Calendar embeds are the simplest of the external calendar options. In this example, the department has embedded multiple Google Calendars into a single calendar interface.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":600,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":1086,"id":"3ff22efb-cee4-48f7-96c3-75ba86056bcf","collection":"contentId-179110179","type":"file","height":1071}},{"type":"caption","content":[{"text":"Embedded Google Calendar","type":"text"}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Embed a Single Google Calendar","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Google has documentation on how to embed a single calendar here: ","type":"text"},{"type":"hardBreak"},{"text":"Add a Google Calendar to your Website","type":"text","marks":[{"type":"link","attrs":{"href":"https://support.google.com/calendar/answer/41207?hl=en&ref_topic=10510447&sjid=7008660568446155045-NA"}}]},{"text":" ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"You’ll paste the Google calendar embed code into your page using ","type":"text"},{"text":"Source","type":"text","marks":[{"type":"strong"}]},{"text":" view. Click on Source (at the far right of the Edit screen) to show the source code. You may want to refer to these instructions for additional help on embeds:","type":"text"},{"type":"hardBreak"},{"text":"Embedding External Content into your Drupal Website","type":"text","marks":[{"type":"link","attrs":{"href":"https://franklinoit.atlassian.net/wiki/spaces/FOKFC/pages/25275581"}}]},{"text":" ","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":600,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":965,"id":"7e576e24-6014-438b-9781-595da713c58a","collection":"contentId-179110179","type":"file","height":263}}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Embed Multiple Calendars (you have permissions to share all calendars)","type":"text"}]},{"type":"paragraph","content":[{"text":"If you are the owner or have permissions to share the Google calendars, you can embed multiple calendars by following the steps below. ","type":"text"},{"type":"hardBreak"},{"text":"Add a Google Calendar to your Website","type":"text","marks":[{"type":"link","attrs":{"href":"https://support.google.com/calendar/answer/41207?hl=en&ref_topic=10510447&sjid=7008660568446155045-NA"}}]}]},{"type":"paragraph","content":[{"text":"NOTE:","type":"text","marks":[{"type":"strong"}]},{"text":" Instead of selecting one calendar, you’ll select all of the calendars you want to embed. ","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":250,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":234,"alt":"Screenshot 2024-09-24 at 11.10.00 AM.png","id":"e63d31cf-a95c-4cba-aa2b-c0860d4e7eae","collection":"contentId-179110179","type":"file","height":190}}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"After you select the calendars, copy the HTML in the box on the top of the page to insert into your website. You may want to refer to these instructions for embedding the code into your Drupal website:","type":"text"},{"type":"hardBreak"},{"text":"Embedding External Content into your Drupal Website","type":"text","marks":[{"type":"link","attrs":{"href":"https://franklinoit.atlassian.net/wiki/spaces/FOKFC/pages/25275581"}}]},{"text":" ","type":"text"}]}]}]},{"type":"mediaSingle","attrs":{"layout":"align-start","width":650,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":853,"alt":"Screenshot 2024-09-24 at 11.10.11 AM.png","id":"219c045e-82f3-438f-9749-0c70e76ea6b7","collection":"contentId-179110179","type":"file","height":91}}]},{"type":"paragraph","content":[{"text":" ","type":"text"},{"text":"NOTE:","type":"text","marks":[{"type":"strong"}]},{"text":" It will automatically add the code for all of the calendars ","type":"text"}]},{"type":"orderedList","attrs":{"order":2},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"You’ll paste the Google calendar embed code into your page using ","type":"text"},{"text":"Source","type":"text","marks":[{"type":"strong"}]},{"text":" view. Click on Source (at the far right of the Edit screen) to show the source code. You may want to refer to these instructions for additional help on embeds:","type":"text"},{"type":"hardBreak"},{"text":"Embedding External Content into your Drupal Website","type":"text","marks":[{"type":"link","attrs":{"href":"https://franklinoit.atlassian.net/wiki/spaces/FOKFC/pages/25275581"}}]},{"text":" ","type":"text"}]}]}]},{"type":"mediaSingle","attrs":{"layout":"center","width":600,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":965,"id":"7e576e24-6014-438b-9781-595da713c58a","collection":"contentId-179110179","type":"file","height":263}}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Embed Multiple Google Calendars (you don’t have ownership or permissions)","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"To add several Google calendars where you don’t have ownership, you will need to add embed codes from each calendar. You can generate the embed code by following these instructions: ","type":"text"},{"type":"hardBreak"},{"text":"Add a Google Calendar to your Website","type":"text","marks":[{"type":"link","attrs":{"href":"https://support.google.com/calendar/answer/41207?hl=en&ref_topic=10510447&sjid=7008660568446155045-NA"}}]},{"text":" ","type":"text"},{"type":"hardBreak"},{"text":"You may want to refer to these instructions for embedding the code:","type":"text"},{"type":"hardBreak"},{"text":"Embedding External Content into your Drupal Website","type":"text","marks":[{"type":"link","attrs":{"href":"https://franklinoit.atlassian.net/wiki/spaces/FOKFC/pages/25275581"}}]},{"text":" ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"To add multiple calendars, you will add the embed code from the additional calendars like this:","type":"text"},{"type":"hardBreak"},{"text":"Add ","type":"text"},{"text":"&src=NEWCODE","type":"text","marks":[{"type":"strong"}]},{"text":" to the string of the original Google calendar embed code OR","type":"text"},{"type":"hardBreak"},{"text":"To add multiple embeds you can add them before or after another ","type":"text"},{"text":"&src=ANOTHERSTRING","type":"text","marks":[{"type":"strong"}]},{"text":", i.e., ","type":"text"},{"text":"before","type":"text","marks":[{"type":"strong"}]},{"text":" another ","type":"text"},{"text":"&","type":"text","marks":[{"type":"strong"}]},{"text":" code). ","type":"text"},{"type":"hardBreak"},{"text":"Here’s a shortened sample:","type":"text"}]},{"type":"codeBlock","content":[{"text":"","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Replace the REPLACEME text in the src attribute with the HTML link you copied. Your embed code will look like:","type":"text"}]},{"type":"codeBlock","content":[{"text":"","type":"text"}]}]}]},{"type":"paragraph","content":[{"text":"Save the page to view the embed.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Option 3: 25Live Calendar","type":"text"}]},{"type":"paragraph","content":[{"text":"The final option is embedding a 25Live Calendar. ","type":"text"},{"type":"hardBreak"},{"text":"Here is an example:","type":"text"},{"type":"inlineCard","attrs":{"url":"https://mibo.franklin.uga.edu/reserve-rooms"}},{"text":" ","type":"text"}]},{"type":"paragraph","content":[{"text":"There are some issues with 25Live embedding:","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"It currently triggers a popup tab of a Duo authentication window, which can be distracting for users. It also takes some time to get the embed code as it is obtained from outside of Franklin College.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Step 1: Obtain Embed Code","type":"text"}]},{"type":"paragraph","content":[{"text":"The embed code is currently only generated by Campus Reservations and a request can be made by emailing ","type":"text"},{"text":"reserve@uga.edu","type":"text","marks":[{"type":"link","attrs":{"href":"mailto:reserve@uga.edu"}}]},{"text":". It may take some extra time to get the embed code and the Web Services Team is unable to help with this part of the process.","type":"text"},{"type":"hardBreak"},{"text":"When completed, they will email you an embed code that looks similar to this sample:","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"codeBlock","content":[{"text":"

\n\n\nhttps://25live.collegenet.com/pro/uga/embedded/availability-weekly-mult-loc?compsubject=location&itemTypeId=4&queryId=1305120&embeddedConfigToken=8597AB58-8B5D-48C7-9B0A-E16D85B54521#!/home/search","type":"text"}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Step 2: Embed the HTML Code","type":"text"}]},{"type":"paragraph","content":[{"text":"You may want to refer to these instructions:","type":"text"},{"type":"hardBreak"},{"text":"Embedding External Content into your Drupal Website","type":"text","marks":[{"type":"link","attrs":{"href":"https://franklinoit.atlassian.net/wiki/spaces/FOKFC/pages/25275581"}}]},{"text":" ","type":"text"}]},{"type":"paragraph","content":[{"text":"Click on ‘Source’ in your Drupal page","type":"text"},{"type":"hardBreak"},{"text":" Paste the following HTML code:","type":"text"}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"text":" ","type":"text"}]},{"type":"paragraph","content":[{"text":"Replace the REPLACEME text in the src attribute with only the https code from the snipped in Step 1 (you’re provided with more information than you need in Step 1). ","type":"text"}]},{"type":"paragraph","content":[{"text":"Please note:","type":"text","marks":[{"type":"strong"}]},{"text":" Your code will be different from the sample shown here:","type":"text"}]},{"type":"codeBlock","content":[{"text":"https://25live.collegenet.com/pro/uga/embedded/availability-weekly-mult-loc?compsubject=location&itemTypeId=4&queryId=1305120&embeddedConfigToken=8597AB58-8B5D-48C7-9B0A-E16D85B54521#!/home/search","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"VERY IMPORTANT","type":"text","marks":[{"type":"strong"}]},{"text":": Change the ","type":"text"},{"text":"/search","type":"text","marks":[{"type":"strong"}]},{"text":" at the end of that URL to ","type":"text"},{"text":"/dash","type":"text","marks":[{"type":"strong"}]},{"text":" ","type":"text"}]},{"type":"codeBlock","content":[{"text":"https://25live.collegenet.com/pro/uga/embedded/availability-weekly-mult-loc?compsubject=location&itemTypeId=4&queryId=1305120&embeddedConfigToken=8597AB58-8B5D-48C7-9B0A-E16D85B54521#!/home/dash","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Your final embed code should look like this:","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"codeBlock","attrs":{"language":"html"},"content":[{"text":"","type":"text"}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Step 3: Save","type":"text"}]},{"type":"paragraph","content":[{"text":"Save the page to view the embed.","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Note","type":"text","marks":[{"type":"strong"}]},{"text":": The Drupal editor will change the ampersands in the URL ( ","type":"text"},{"text":"&","type":"text","marks":[{"type":"strong"}]},{"text":" ) into html encoded entities ( ","type":"text"},{"text":"&","type":"text","marks":[{"type":"strong"}]},{"text":" ); this is okay. If you need to edit the embed codes, you can leave the ","type":"text"},{"text":"&","type":"text","marks":[{"type":"strong"}]},{"text":" separators.","type":"text"}]}]}]},{"type":"panel","attrs":{"panelType":"info"},"content":[{"type":"paragraph","content":[{"text":"All external calendar options require you to be able to manipulate the Source code of your page, as explained in ","type":"text"},{"type":"inlineCard","attrs":{"url":"https://franklinoit.atlassian.net/wiki/spaces/FOKFC/pages/25275581"}},{"text":" . Most will also require you to be able to identify certain components of the URL to copy & paste into the embed codes. If you run into any problems, please contact the Web Services Team.","type":"text"}]}]}]},{"type":"layoutColumn","attrs":{"width":33.33},"content":[{"type":"paragraph"},{"type":"paragraph"}]}]},{"type":"heading","attrs":{"level":2},"content":[{"type":"emoji","attrs":{"id":"1f4cb","text":"\\uD83D\\uDCCB","shortName":":clipboard:"}},{"text":" Related articles","type":"text"}]},{"type":"paragraph","content":[{"type":"placeholder","attrs":{"text":"The content by label feature automatically displays related articles based on labels you choose. To edit options for this feature, select the placeholder and tap the pencil icon."}}]},{"type":"paragraph","content":[{"type":"inlineCard","attrs":{"url":"https://franklinoit.atlassian.net/wiki/spaces/FOKFC/pages/25275581"}},{"text":" ","type":"text"}]}],"version":1}