Option #1 – auto bootstrapping
...
Eventgiven in the example is a test one and it uses default configuration (colors, fonts and other visual components) which cannot be changed by passing another configuration id. Final (production) configuration could be customized according to customer expectations.
Option#2 – manual initialization and tracker management
...
Example 1
trackerGenerator.create('#trak', 'tracker1', 1653325, 169, {
useMappedId:'1',
})
To switch between yours ids or ours ids on the fly, you can use following methods on tracker object:
useRegularEventId()
- useMappedEventId()
After using those methods remember to change event id and call refresh method.
Example 2
var tracker = trackerGenerator.get({string} identifyingName);
tracker.useRegularEventId().setEvent({number} new event id).refresh();
...
Example 1:
trackerGenerator.create('#trak', 'tracker1', 1653325, 169, {
lang:'pl',
timezone:'Local',
configuration:{
showHeader: true
}
});
Available configuration options
Option | Description |
|---|---|
showHeader Type: bool | This option decide about tracker header visibility
|
showTimeline Type: bool | This option decide about tracker timeline visibility
|
showAds Type: bool | This option decide about tracker advertisment visibility
|
mainMenu Type: string Possible values: | Here you can specify which tabs should be shown in main box |
additionalMenu Type: string Possible values: | Here you can specify which tabs should be shown in additional box (this is right box in horizontal mode or lower box in vertical mode) This configuration is available only when your template has 2 boxes.
|
basicRelationMainMenu Type: string Possible values: | This option is the same as mainMenu but its considered only in basic relation mode. By default basic relation uses BasicEvent instead of Event tab. |
basicRelationAdditionalMenu Type: string Possible values: | This option is same as additionalMenu but its considered only in basic relation mode. |
mainBoxInitializationTab Type: string Possible values: | This configuration decide which tab should be loaded as first on tracker initialization |
additionalBoxInitializationTab Type: string Possible values: | This configuration decide which tab should be loaded as first in additional box on tracker initialization |
mainBoxBasicRelationInitializationTab Type: string Possible values: | This option is same as mainBoxInitializationTab but its considered only in basic relation mode. |
additionalBoxBasicRelationInitializationTab Type: string Possible values: | This option is same as additionalBoxInitializationTab but its considered only in basic relation mode. |
leftBannerImg Type: string | Url to image which should be used as left banner on Live tab. It should be valid url to image resource hosted under https protocol. Note that not every configuration supports ads on Live tab and showAds option should be enabled for this to work.
|
leftBannerLink Type: string | Url which user is redirected to after he clicks on left banner |
rightBannerImg Type: string | Url to image which should be used as right banner on Live tab. It should be valid url to image resource hosted under https protocol. Note that not every configuration supports ads on Live tab and showAds option should be enabled for this to work.
|
rightBannerLink Type: string | Url which user is redirected to after he clicks on right banner |
...
AFTER:
Example 2 - change tabs
trackerGenerator.create('#trak', 'tracker1', 1653325, 169, {
configuration:{
mainMenu: 'Event,Comparison,Incidents,Standings',
mainBoxInitializationTab: 'Comparison'
}
})
AFTER:
IMPORTANT:
There is a the possibility to display up to 10 tabs in on the tracker. To make it easier, we have prepared a table that can be seen found below. Here you can see the list of all tabs with descriptions for all of them.
| Select up to 10 tabs listed below | In addition to these 10 tabs, you can also add these that are working in specified sports: |
|---|---|
|
|
Create collapsed tracker
When you dont don't want to show the full tracker at the start, you can have it set to collapse it by default.
Example 1
trackerGenerator.create('#trak', 'tracker1', 1653325, 169, {
configuration:{
mainMenu: 'Event,Comparison,Incidents,Standings,Expander',
mainBoxInitializationTab: 'Expander'
}
})
...
- Do not forget to add Expander tab to mainMenu. When initialization tab is missing, the first available tab on the list will be initialized.
...
| Event name | Description |
|---|---|
| ready | This event triggers is triggered when the tracker is loaded. |
| resize | This event triggers is triggered when tracker iframe was resizedthe tracker iframe is resized. Keep in mind that this event is fired not only on resize, we use it internally to handle some other stuff too. |
| error | This event triggers on any error occurrence which lead to is triggered when an error occurs that leads to the tracker failing to load. It can be triggered by for both external and internal reasons (for example by by providing an invalid event id or some system error on our side). |
...