Skip to main content

Advanced use of Smart FAQ

Use cases

Advanced snippet

IE11 Compatibility

To make this snippet IE11 compatible, please add the following script under your website's<head> tag.
We will keep this compatibility ensured until microsoft support ends

<script
type="text/javascript"
src="https://polyfill.io/v3/polyfill.min.js?features=CustomEvent%2CObject.assign&flags=gated"
></script>
<script type="text/javascript">
const _ST_FAQ_initialization = {
kbId: 2,
locale: 'en',
cookieOptin: false,
analyticsUA: 'UA-00000000-0',
filters: {
thematics: [],
tags: [],
},
};

window._ST_FAQ = undefined;

function _ST_FAQ_init(parameters = {}) {
if (window._ST_FAQ) {
window._ST_FAQ.init(Object.assign(_ST_FAQ_initialization, parameters));
}
}

window.addEventListener('STFAQLoaded', function (e) {
window._ST_FAQ = e.detail;
_ST_FAQ_init();
});

window.addEventListener('STFAQUpdate', function (e) {
_ST_FAQ_init(e.detail);
});

if (window._ST_FAQ === undefined) {
const _ST_FAQ_script = document.createElement('script');
_ST_FAQ_script.async = true;
_ST_FAQ_script.src = 'https://assets.app.smart-tribune.com/smart-tribune/FAQ/faq.main.js';
document.getElementsByTagName('head')[0].appendChild(_ST_FAQ_script);
}
</script>

FAQ Update

The following code will be usefull only if the advanced snippet is implemented.
You can update all variables as it is described below.

User optin

window.dispatchEvent(
new CustomEvent('STFAQUpdate', {
detail: {
cookieOptin: true,
},
}),
);

Filters

window.dispatchEvent(
new CustomEvent('STFAQUpdate', {
detail: {
filters: {
tags: ['tag-1'],
thematics: [],
},
},
}),
);