[Integration] Container size

Minimal container size

PD Measurement automatically adapts its sizes to fit the html element container dimensions.

This allows to support responsive layouts for different screens or devices.

PD Measurement has one mobile version and 1 PC version, both embeded.

  • The client should define different sizes of container for their website PC version and the mobile version.

ie: commun usage is to place a breakpoint at 768px width 

  • Fittingbox's recommendations for container size are the following:
    • Smartphone=  height 700px & width 394px
    • PC= height 690px & width 600px
  • Once done, PD Measurement will automatically switch between PC or Mobile mode depending of the size of the iframe the client has defined. The client doesn't have anything else to do.
    ie: iframe size is 394px width; the experience displayed with the same PD measurement integration code will be the mobile verison.
    ie: iframe size is 600px width; the experience displayed with the same PD measurement integration code will be the PC version.