Meta Tag Configuration for Liveblog Widgets

Liveblog widgets (<tickaroo-liveblog> and <tickaroo-liveblog-teaser>) can be configured using HTML meta tags on your web page. This allows you to set default values for widget tag properties that will be applied to all widgets on the page.

How It Works

  1. Add meta tags to the <head> section of your HTML page
  2. Use the format: <meta property="WIDGET:PROPERTY" content="VALUE" />
  3. The widget will use these values as defaults
  4. Values provided directly to the widget tag will override the meta tag defaults

Example

<!-- Set a default value for relativeLinkBaseUrl -->
<meta property="tickaroo-liveblog:relativeLinkBaseUrl" content="https://www.example.de" />

<!-- This widget will use the default relativeLinkBaseUrl from the meta tag -->
<tickaroo-liveblog
  clientId="your-client-id"
  liveblogId="your-liveblog-id">
</tickaroo-liveblog>

<!-- This widget will override the default with its own value -->
<tickaroo-liveblog
  clientId="your-client-id"
  liveblogId="your-liveblog-id"
  relativeLinkBaseUrl="https://www.different-domain.com">
</tickaroo-liveblog>

Supported Widgets

This feature works with both liveblog widget types:

  • <tickaroo-liveblog> - Use prefix tickaroo-liveblog: in meta property
  • <tickaroo-liveblog-teaser> - Use prefix tickaroo-liveblog-teaser: in meta property

Supported Properties

All properties that can be set on the widget tags can also be set via meta tags. For a complete list of available properties, see:

Use Cases

Meta tag configuration is particularly useful for:

  1. Using the same widget code but change configuration based on the platform (web/mobile)
    • For example, setting different relativeLinkBaseUrl or colorScheme values for different platforms
  2. Setting consistent defaults across multiple widgets on a page