SDG FOQ WIDGET

- SCRIPT -

To use FOQ WIDGET, include the following script in your web page.

        <script src="https://{host}/widget/sdg-foq-widget.js"></script>

        TEST        host: foq.sdgtest.eu
        ACCEPTANCE  host: foq.sdgacceptance.eu
        PRODUCTION  host: foq.youreurope.europa.eu
      

- USAGE -

Below listed are sample widget usage with different configurations.

DEFAULT

        <sdg-foq-widget></sdg-foq-widget>
      

TEXT

        <sdg-foq-widget>
          <span slot="content">Feedback on quality survey</span>
        </sdg-foq-widget>
      

Feedback on quality survey

IMAGE

        <sdg-foq-widget>
          <img slot="content" width="150" alt="Help us improve" src="assets/help-us-improve.jpeg"/>
        </sdg-foq-widget>
      

MS provided REFERRAL URL

        <sdg-foq-widget referral-url="https://sample.com/ms-url"></sdg-foq-widget>

        referral-url: if not provided, current location href is used
      

Type and language

        <sdg-foq-widget type="info-service-ft" lang="fi"></sdg-foq-widget>

        type: info-service-noft | info-service-ft | assist-service (default: info-service-noft)
        lang: ISO language code (default: en)
      

Link attributes

        <sdg-foq-widget id="id" class="link" part="foq" title="Title" aria-label="Foq" target="_self" rel="nofollow"></sdg-foq-widget>

        Hyperlink supported attributes: id, class, part, title, aria-label, target (default: _blank), rel (default: noopener)