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