Contentful Personalization & Analytics
    Preparing search index...
    • Recommended top-level wrapper that combines OptimizationProvider with optional preview panel, live updates, and interaction tracking support.

      Handles SDK initialization internally — pass config properties directly as props.

      Parameters

      Returns Element

      The provider tree wrapping children

      <OptimizationRoot clientId="your-client-id" environment="main">
      <App />
      </OptimizationRoot>
      <OptimizationRoot
      instance={optimization}
      trackEntryInteraction={{ views: true, taps: true }}
      >
      <App />
      </OptimizationRoot>
      <OptimizationRoot
      clientId="your-client-id"
      environment="main"
      previewPanel={{
      enabled: __DEV__,
      contentfulClient,
      fabPosition: { bottom: 50, right: 20 },
      }}
      >
      <App />
      </OptimizationRoot>
      <OptimizationRoot clientId="your-client-id" environment="main" liveUpdates={true}>
      <App />
      </OptimizationRoot>