top of page
Writer's pictureDavid Chen

Usage of AMP Stories Widget

Widget Demo:


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

132 views0 comments

Comentarios


bottom of page