Widgets intégrer ceux-ci sur votre propre site

Widgets sont autonomes mini-applications que vous pouvez mettre sur votre propre site. Vous pouvez les déposer sur n'importe quelle page web. Widgets Scubbly sont très simples à installer.

Première étape: Configurez votre widget

[r]

plus de ceux-ci seront ajoutées prochainement!

Deuxième étape: Placez cet élément espace réservé sur votre page

Ce code est généré par les choix que vous faites ci-dessus. Copiez et collez-le dans votre mise en page HTML.

Il est fortement recommandé que vous copiez et collez ce code sans le modifier en aucune façon. HTML mal formé dans l'espace réservé peut provoquer des erreurs imprévisibles.

Troisième étape: inclure le script maître

Mettez ce code dans la section <head> de votre page Web:

... et vous etes fini!

Explication technique

The placeholder

The <div> element you put into your page layout is a placeholder. It marks the spot where the embedded widget is going to go.

It has a special class name: "scubbly-widget". It is not a good idea to define CSS styles for that class.

The placeholder also has another important class - it's a string enclosed by curly braces "{" and "}". In fact, it's a data object expressed as JSON. The structure of this object is expressed as:

  • productid

    This is a required property. It is the ID number of the Scubbly product you will be embedding.

  • affid

    This property is optional. It is the affiliate ID that will be credited with commissions for sales referrals from this widget.

  • creative

    This is where you specify the design of the widget. "Creative" - as a noun, not an adjective - is a term used in advertising to refer to the design of an ad. The value of this property must be one of the preset creatives available. There aren't many right now, but there will be more soon!

  • style

    This element has no value of its own, and may have only one child:

    • bgcolor

      This is the background color that will be shown in transparent areas of the widget. If the page you will be embedding this on has a background color other than white, you should set this property to match. The value of this property must be a valid CSS-style HEX color preceded by a hash, like "#ff62b8" or "#bbb". The widget background is a flat color - it can not be a gradient or image.

The master script

The script you inject into the <head> is hosted at Scubbly, and included on your page. It looks for placeholders on your page, and replaces them with widgets.