AMP
EN
Français العربية Español Italiano Indonesia 日本語 한국어 Português Русский Türkçe 中文

amp-byside-content

Displays dynamic content from the BySide service.

Required Script <script async custom-element="amp-byside-content" src="https://cdn.ampproject.org/v0/amp-byside-content-0.1.js"></script>
Supported Layouts fill, fixed, fixed-height, flex-item, nodisplay, responsive

Behavior

The amp-byside-content component is available for BySide customers and displays dynamic content that can be retrieved from the BySide customization mechanisms.

Example:

The width and height attributes determine the aspect ratio of the embedded BySide content in responsive layouts.

<amp-byside-content
  data-webcare-id="D6604AE5D0"
  data-label="amp-responsive"
  data-lang="en"
  width="1024"
  height="500"
  layout="responsive"
>
</amp-byside-content>

Attributes

data-webcare-id (required) The BySide customer account ID.
data-label (required) The content label as seen in your BySide account.
data-lang The language to show the contents in, as specified in the BySide customer account localization. Defaults to Portuguese ("pt").
data-channel The channel identifier to use for content validation. Defaults to an empty string.
data-fid The visitor force id. Use this when a unique visitor identifier is available, usually for authenticated users. Defaults to an empty string.
common attributes This element includes common attributes extended to AMP components.

Privacy and cookies policy

BySide is committed to respect and protect your privacy and developing technology that gives you the most powerful and safe online experience. BySide privacy statement and cookies policy can be found on the following url's:

Validation

See amp-byside-content rules in the AMP validator specification.

Need more help?

You've read this document a dozen times but it doesn't really cover all of your questions? Maybe other people felt the same: reach out to them on Stack Overflow.

Go to Stack Overflow
Found a bug or missing a feature?

The AMP project strongly encourages your participation and contributions! We hope you'll become an ongoing participant in our open source community but we also welcome one-off contributions for the issues you're particularly passionate about.

Go to GitHub