This cookie banner should be used across all FT products and contains links back to the FT's cookie policy. The copy in the banner has been approved by the FT's legal team.
<div data-o-component="o-cookie-message"></div>
This cookie banner is a visual variant on the approved version for all FT products and contains links back to the FT's cookie policy. The copy in the banner has been approved by the FT's legal team.
<div data-o-component="o-cookie-message" data-o-cookie-message-theme="alternative"></div>
You may customise the content of the Financial Times cookie message by providing markup as a child of the cookie message element.
<div role="dialog" aria-labelledby="demo-label-element-id" aria-describedby="demo-description-element-id" data-o-component="o-cookie-message" class="o-cookie-message">
<!-- custom cookie message copy / html here -->
<!-- include ids for the aria labelledby and describedby attributes -->
<!-- e.g. -->
<h2 id="demo-label-element-id">Custom Cookie Message</h2>
<p id="demo-description-element-id">We use cookies because...</p>
</div>
You may provide a core experience (without JavaScript) or customise the content and links of the Financial Times cookie message by providing markup as a child of the cookie message element.
<div role="dialog" data-o-component="o-cookie-message" class="o-cookie-message">
<div class="o-cookie-message__outer">
<div class="o-cookie-message__inner">
<div class="o-cookie-message__content">
<div class="o-cookie-message__heading">
<h2>Cookies on the FT</h2>
</div>
<p>
We use <a href="http://help.ft.com/help/legal-privacy/cookies/" class="o-cookie-message__link o-cookie-message__link--external" target="_blank" rel="noopener">cookies</a> for a number of reasons, such as keeping FT Sites reliable and
secure, personalising content and ads, providing social media features and to analyse how our Sites
are used.
</p>
</div>
<div class="o-cookie-message__actions">
<!-- note: update action redirect, see README for more details -->
<div class="o-cookie-message__action">
<a href="https://consent.ft.com/__consent/consent-record-cookie?redirect=#" class="o-cookie-message__button">
Accept & continue
</a>
</div>
<!-- note: update action redirect, see README for more details -->
<div class="o-cookie-message__action o-cookie-message__action--secondary">
<a href="https://cookies.ft.com/preferences/manage-cookies?redirect=#" class="o-cookie-message__link">Manage cookies</a>
</div>
</div>
</div>
</div>
</div>