tripadvisor

TUI Tripadvisor is a MFE that holds ratings and reviews from Tripadvisor. In this component you get the average rating of the hotel and overview ratings of specific topics such as rooms, pool, drinks and food.

You can read reviews from the customers, sort those reviews on latest and on average rating. You can also filter the reviews on language, travel company and time of year. Overall it’s giving the customer great insights on the quality of the hotel

The component is market specific and supplies the market specific languages. It can also show reviews in the chosen languages per market.

Screenshots

Component in FULL mode

Component in COMPACT mode

Usage

Add the following script tag to your web page to load the microfrontend. Note: This is required only once per webpage, even when you embed multiple instances of the microfrontend.

<script src="https://nonprod.cloud.tui.com/osp/ao/ui/tripadvisor/current/tripadvisor.esm.js" defer></script>

Add the following HTML code anywhere in your webpage at the position where you want the microfrontend to show. You can create multiple instances of the microfrontend.

<tui-tripadvisor
	giata-id="VALUE"
	locale="VALUE"
	tripadvisor-id="VALUE">
</tui-tripadvisor>

Examples

• An MFE that displays tripadvisor.

  <tui-tripadvisor
  	locale="sv-SE"
  	hotel-id="A0976941"
  	languages="de,fr,nl"
  	number-of-reviews-per-page="5">
  </tui-tripadvisor>

Attributes

This microfrontend accepts the following attributes:

Events

This microfrontend emits the following events:

type: boolean