How To setup a Google Calendar data source

How To setup a Google Calendar data source

TDM offers the ability to add external data sources. With these data sources TDM offers the ability to display real-time information within your presentation. TDM offers support for the following external data sources:

  • Facebook

  • Twitter

  • Instagram

  • Yahoo Weather

  • Office365 Calendar

  • Google Calendar

  • Flickr

  • Yammer

  • LinkedIn

  • Exchange

  • Power BI

  • NS

  • Axis (People Counter camera)

  • HIKVision (People Counter camera)

This guide will explain how the Google Calendar data source can be setup.

Requirements

If you want to setup a Google calendar data source you need to meet the following requirements:

  • Have administrator access to the TDM designer

  • Have administrator access to the Google Cloud Platform

How to create the 0Auth2.0 credentials:

  1. The first step is to create a Client ID and Secret. To do this go to: https://console.developers.google.com/flows/enableapi?apiid=calendar

  2. Click ‘Create Project’, provide a project name and click the blue ‘Create’ button.

  3. To enable access to the API, click the ‘Next’ button and click ‘Enable’ in the next screen.

  4. Before creating the client credentials, you need to configure an ‘OAuth consent screen’. To do so, select ‘APIs & Services’ from the navigation menu and click ‘OAuth consent screen’.

  5. A screen will open to configure your OAuth consent screen’. Select ‘External’ for the user type, then click the blue ‘Create’ button. Please note, when you are a GSuite user, you can select ‘Internal’ for the user type.

  6. In the next screen provide an app name (for example: ‘TDM Digital Signage’) and provide an email address for user support in the ‘App information’ section. In the section ’App domain’ add the following domain as an authorized domain: ‘tdmsignage.com’ using ‘+ Add Domain’ button. The last step in this screen is to provide an email address for developer contact information. Then click on ‘Save and Continue’.

  7. On the next screen ‘Scopes’, you can continue to the next step by clicking ‘Save and Continue’.

     

  8. On the next screen, ‘Test users’ you can continue to the next step by clicking ‘Save and Continue’.

  9. You are now provided with a summary of the ‘OAuth consent screen’, continue by clicking ‘Back to Dashboard’.

  10. Currently the app has a ‘Testing’ publishing status, publish the app by clicking ‘Publish App’ and confirm to push to production.

  11. Now you can create the Client ID and Secret. Select ‘Credentials’ from the side menu, click ‘+ Create Credentials’ in the top menu and choose ‘OAuth client ID’.

  12. Select ‘Web application’ as the application type, you can edit the default name for the client when desired.

  13. Click ‘+ Add URI’ at ‘Authorized redirect URIs’ in the section below. Enter the following URL: https://designer.tdmsignage.com/4.4/authenticate and click the blue ‘Create’ button.

    Please note the value ‘4.4’ will change when you upgrade your TDM platform, this means that with a future version the value ‘4.4’ will change to 4.5, 4.6, 5.0 etc. and this URL needs to be added as well.

  14. A pop-up will show with your Client ID and Secret, save this information and continue with the next step in this manual.

     

    Note that when this pop-up is closed, you can always retrieve the Client ID and Secret by clicking the newly created client entry from the list.


How to create the Google Calendar data source: 

  1. Please login to the designer with an administrator account: https://designer.tdmsignage.com 

  2. Select “Config Panel”.

  3. Select the tab called “External Data”

  4. Select the “+” button on the right side to create a new data source.

  5. In the pop-up which will open you can fill in a name for your data source and then select the “Google Calendar” data source. Once selected, click “Next”.

  6. In the next window you need to enter your “Client ID” and Client Secret, once filled in select “Save”.

     

  7. Now you have successfully created a Google data source, it is possible to preview the information of the data source with the “eye” icon in front of the data source.

     

You can use the following link to download this manual as a PDF-file.

Related articles

 

Related content