talque
  • External integrations for talque
  • JSON API (readonly)
    • General
      • Locales and Text
    • Organization
      • Read
    • Lecture
      • List
      • Read
      • Files
      • Authorization
    • Speaker
      • List
      • Read
      • Authorization
    • Participants
    • Vendors
      • List
      • Read
      • Authorization
    • Room
      • List
      • Read
    • Enumerations
      • Locale
  • Deep links
    • General
    • Organization
    • Profile links
    • Lecture links
    • Partner links
    • Post links
    • Map links
    • Video rooms
  • Webhooks
    • General
    • Authentication
    • File upload
    • Users
    • Invites
    • Tickets
    • Vendors
      • Create
      • Update
      • Delete
    • COMING SOON: Announcements
    • COMING SOON: Lectures
    • Map Data
      • Map layer
      • Map features
      • Update references
  • COMING SOON: Chat Bots
  • Wordpress Plugin
    • Installation
    • Pages
    • Shortcodes
      • Filters
      • Optional settings
    • Routing
    • Configuration
  • Javascript plugin
    • Introduction
    • Installation
      • Initial page
      • Filters
      • Optional settings
    • Routing
    • Configuration
  • Single Sign-On
    • OAuth2 Login
    • Website data
    • OAuth2 Flow
      • Request an Authorization Code
      • Exchange for Access Token
      • Authorized Requests
  • SELF-SERVICE LINKS
    • Event Ticket Token
  • Old Wordpress Plugin
    • Download
    • Pages
    • Shortcodes
    • Filter Options
    • Style Options
  • Old Javascript Plugin
    • Introduction
    • Routing
    • Installation
  • Troubleshooting
    • Firewall Configuration
  • Talque Plugin
    • Download
    • Installation
    • Configuration
Powered by GitBook
On this page
  • CSS
  • ‌Javascript
  • Content

Was this helpful?

  1. Javascript plugin

Installation

CSS

The style sheet for the talque plugin should be in the loaded in the <head> of the page:

<link rel="stylesheet" href="https://storage.googleapis.com/assets.talque.com/plugin/view/{org-id}/app.css"/>

where you should replace {org-id} with your event's unique ID (see below). Alternatively, the stylesheet link can also be placed in the body of the page but above the content snippet.

‌Javascript

Ideally, the javascript code of the talque plugin is loaded asynchronously, so the initial render of your web page happens as soon as possible during load. For this, place the following in the <body> of your page:

<script 
    async defer type="text/javascript" 
    src="https://storage.googleapis.com/assets.talque.com/plugin/view/{org-id}/app.js">
</script>
‌

where you should again replace {org-id} with your event's ID.

Content

The position of the content is determined by the css id tq-talque-view, which requires a few attributes to configure what to show and how to present it. For example:

<div
    class="tq-talque-view"
    org-id="VDYRv7v7oaA2s432rwMg"
    view-id="IoKwbA39MxcntEocizXB"
    initial="lecture-list">
</div>

The meaning of the data attributes is as follows.

  • org-id is the organization id of your event. This is where the speaker/lecture/... data is coming from.

  • view-id defines the configuration of how the content is displayed, so you could have two different web pages with different styling, each only displaying a subset of your content.

Both the org and view id will be supplied by us and are specific to your event. In addition to these mandatory attributes, there are a number of optional attributes

  • initial defines what the plugins shows on page load, for example "lecture-list" (default) or "speaker-grid".

  • locale lets you set the language, for example "EN_US" or "DE_DE"

  • timezonelets you override the timezone in which the times are displayed. By default, this is the timezone set in the talque admin interface. Setting this you can override the timezone. Valid values are the standard Olsen names for timezones, like "Europe/Berlin" or "America/New_York"

PreviousIntroductionNextInitial page

Last updated 4 years ago

Was this helpful?