Usage of AMP Stories Widget
Widget Demo:
https://www.gliacloud.com/zh-hant/__test-ad-root__/demo-web-stories-widget/
Supported Options
Embed Code Examples
Â
Single Type - 1
<div class="gstories-widget" gw-id="[your-account-id]"></div>
<script src="https://player.gliacloud.com/widget" async></script>Style: Single with Rounded in right-top
Â
Single Type - 2
<div class="gstories-widget" gw-id="[your-account-id]" gw-position="left-top" gw-rounded="0" gw-z_index="200"></div>
<script src="https://player.gliacloud.com/widget" async></script>Style: Single without Rounded in left-top, set z-index=200
Â
Bubble Type - 1
<div class="gstories-widget" gw-id="[your-account-id]" gw-type="bubble"></div>
<script src="https://player.gliacloud.com/widget" async></script>Style: Bubble with Rounded
Â
Bubble Type - 2
<div class="gstories-widget" gw-id="[your-account-id]" gw-type="bubble" gw-rounded="0"></div>
<script src="https://player.gliacloud.com/widget" async></script>Style: Bubble without Rounded
Â
Card Type - 1
<div class="gstories-widget" gw-id="[your-account-id]" gw-type="card"></div>
<script src="https://player.gliacloud.com/widget" async></script>Style: Card with Rounded
Â
Card Type - 2
<div class="gstories-widget" gw-id="[your-account-id]" gw-type="card" gw-rounded="0"></div>
<script src="https://player.gliacloud.com/widget" async></script>Style: Card without Rounded
Â
Card Info Type - 1
<div class="gstories-widget" gw-id="[your-account-id]" gw-type="card-info"></div>
<script src="https://player.gliacloud.com/widget" async></script>Style: Card Info with Rounded
Â
Card Info Type - 2
<div class="gstories-widget" gw-id="[your-account-id]" gw-type="card-info" gw-rounded="0"></div>
<script src="https://player.gliacloud.com/widget" async></script>Style: Card Info without Rounded