It is important, that your website is set to properly scale on all mobile devices. Browsers will look at the
viewport meta tag to determine the scale based on factors like screen resolution, screen size, and viewing distance. If your website is not properly set up, the Attach embeds will not scale with your page and will appear too small or too large on some devices. But then your page will not scale well, either.
A typical page configuration for mobile devices contains the
viewport meta tag in
<head>, also see https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag for details.
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> </head> </html>
To use Attach embeds, add a
<script> tag which points to our server. Set the
defer property to load Attach embeds after your page.
Add the evaluation key which you copied from your project settings as
<meta> tag. You only need the evaluation key during development, but not in production.
<html> <head> <script src="https://embeds.attach.live/v1" defer></script> <!-- Evaluation and development only --> <meta property="attach:evaluation-key" content="eval_01234567890123456789" /> </head> </html>