{"id":1136,"date":"2017-06-15T18:50:39","date_gmt":"2017-06-15T18:50:39","guid":{"rendered":"http:\/\/artsci.case.edu\/documentation\/?page_id=1136"},"modified":"2017-06-19T19:43:53","modified_gmt":"2017-06-19T19:43:53","slug":"embedding-google-services","status":"publish","type":"page","link":"https:\/\/artsci.case.edu\/documentation\/embedding-google-services\/","title":{"rendered":"Embedding Google Services"},"content":{"rendered":"

About Google Docs<\/h2>\n

Google Docs<\/a> is a popular service for managing documents online. You can easily embed your Google Docs spreadsheets, documents, forms, and presentations into posts or pages by copying and pasting the embed code.<\/p>\n

Privacy<\/h2>\n
<\/p>\n

Before you share a Google Docs file, please make sure that the document is public. If it is private, you\u2019ll be the only one who can see it. To change your privacy setting, click the Share<\/strong> link at the top of the screen to make it public.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

\n
<\/p>\n

Click the Advanced<\/strong> button.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

\n
<\/p>\n

Click the Change<\/strong> button.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

\n
<\/p>\n

Select On – Public on the web<\/strong> to allow for anyone to the Google Doc you want to share. Click Save<\/strong> to finish this step<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

Docs<\/h2>\n
<\/p>\n

To embed a Doc\u00a0into a post or page, open the document. Select\u00a0Publish to the Web<\/strong>\u00a0under the File<\/strong> menu.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

\n
<\/p>\n

Click the\u00a0Publish<\/strong>\u00a0button.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

\n
<\/p>\n

Click on the Embed<\/strong> tab and copy the provided embed code.<\/p>\n

In the dashboard of your college website, go to Posts\u00a0\u2192<\/b>\u00a0Add<\/strong>\u00a0or\u00a0Pages\u00a0\u2192<\/b>\u00a0Add<\/strong>\u00a0(or open an existing post\/page in editing mode) and paste in the embed code.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

Drive<\/h2>\n
<\/p>\n

To embed a document, for example, a PDF from Google Drive, right-click<\/em> the document and click Share<\/strong>. Make it public by clicking Get shareable link<\/strong>.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

\n
<\/p>\n

Double click this shared document in Drive, which should open up a preview. Click Open in new window<\/strong> from the option menu (vertical bar with three dots).<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

\n
<\/p>\n

In the new window, click\u00a0Embed item<\/strong> from the options menu.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

\n
<\/p>\n

In the dashboard of your college website, go to Posts\u00a0\u2192<\/b>\u00a0Add<\/strong>\u00a0or\u00a0Pages\u00a0\u2192<\/b>\u00a0Add<\/strong>\u00a0(or open an existing post\/page in editing mode) and paste in the embed code.<\/p>\n

Note:<\/strong> Replace\u00a0drive.google.com<\/em> with\u00a0docs.google.com<\/em>. Leave everything else intact.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

Sheets<\/h2>\n
<\/p>\n

To embed a Sheet\u00a0from Google Docs, open the spreadsheet you want to embed and click on the Publish to the Web<\/strong> link under the File<\/strong> menu.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

\n
<\/p>\n

Click the\u00a0Publish<\/strong>\u00a0button.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

\n
<\/p>\n

Click on the Embed<\/strong> tab and copy the provided embed code.<\/p>\n

In the dashboard of your college website, go to Posts\u00a0\u2192<\/b>\u00a0Add<\/strong>\u00a0or\u00a0Pages\u00a0\u2192<\/b>\u00a0Add<\/strong>\u00a0(or open an existing post\/page in editing mode) and paste in the embed code.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

Slides<\/h2>\n
<\/p>\n

To embed Slides into a post or page, open the project and\u00a0Publish to the Web<\/strong> button under the File<\/strong> menu.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

\n
<\/p>\n

Click the Publish<\/strong>\u00a0button.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

\n
<\/p>\n

Click on the Embed<\/strong> tab. There are a few dropdown menus to control the size and speed of the slides. Copy the provided embed code.<\/p>\n

In the dashboard of your college website, go to Posts\u00a0\u2192<\/b>\u00a0Add<\/strong>\u00a0or\u00a0Pages\u00a0\u2192<\/b>\u00a0Add<\/strong>\u00a0(or open an existing post\/page in editing mode) and paste in the embed code.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

External Documents<\/h2>\n
<\/p>\n

To embed a document without converting it to the Google Docs format, click on the Upload icon on your Google Docs\u2019 file listing.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

\n
<\/p>\n

Back on the files list, select your file and click on Embed link<\/strong> under the File<\/strong> menu.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

\n
<\/p>\n

Copy the provided embed code.<\/p>\n

In the dashboard of your college website, go to Posts\u00a0\u2192<\/b>\u00a0Add<\/strong>\u00a0or\u00a0Pages\u00a0\u2192<\/b>\u00a0Add<\/strong>\u00a0(or open an existing post\/page in editing mode) and paste in the embed code.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

Maps<\/h2>\n

Google Maps<\/a> offers powerful, user-friendly mapping technology and local business information \u2014 including business locations, contact information, and driving directions. You can embed a Google Map into a post or page using the following instructions.<\/p>\n

<\/p>\n

Visit Google Maps, type in any street address or geographic location, and click the Search<\/strong> button.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

\n
<\/p>\n

Select Share <\/strong>and a popup will appear, as illustrated below.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

\n
<\/p>\n

Select the Embed<\/strong> tab as above and copy the code from the box. In the dashboard of your college website, go to Posts \u2192<\/b>\u00a0Add<\/strong>\u00a0or Pages \u2192<\/b>\u00a0Add<\/strong>\u00a0(or open an existing post or page in editing mode). Open the editor and paste the code directly into your post or page.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

\n
<\/p>\n

Click Save Draft<\/strong>, Update<\/strong>, or Publish <\/strong>depending on the status of your post or page. If you refresh the page, you will notice that the code has changed. WordPress has converted the HTML code into the working shortcode.<\/p>\n

\n<\/div>

<\/p>\n

\"\"<\/p>\n

\n<\/div><\/div>\n

<\/p>\n

Here is an example of what the embedded map will look like.<\/p>\n

\n<\/div>

<\/p>\n

\n\t\t\t\t