TrackedFooter

Generates a <footer> Element wrapped in a ContentContext identified as footer, unless differently specified. 

TrackedFooter: (props: {
  objectiv?: {
    id?: string,
    normalizeId?: boolean,
  }
}) => <footer>

objectiv prop attributes​

typedefault value
optionalidstringinferred from native id or title, fallback to footer
optionalnormalizeIdbooleantrue
info
  • When the id attribute is omitted, we attempt to infer it from one of the elements' native props: id or title.

If that fails, we fallback to footer.

Returns​

<footer>

Automatic Events​

None.

Usage example​

import { TrackedFooter } from '@objectiv/tracker-react';

<div>
  <header>
    ...
  </header>
  <main>
    ...
  </main>
  <TrackedFooter>
    ...
  </TrackedFooter>
  
  <TrackedFooter id={'Secondary Footer'}>
    ...
  </TrackedFooter>
  
  <TrackedFooter objectiv={{ id: 'Another Footer' }}>
    ...
  </TrackedFooter>
</div>

By default, all Tracked Elements automatically normalize their Context identifiers to a kebab-cased format.

This can be disabled via the normalizeId option:

import { TrackedFooter } from '@objectiv/tracker-react';

<div>
  <TrackedFooter objectiv={{ id: 'Main Footer', normalizeId: false }}>
    ...
  </TrackedFooter>
</div>

Did you know ?

TrackedFooter internally uses TrackedContentContext.


See also