あなたのウェブサイトにSwiss Activitiesのオファーを統合する

Swiss Activities Widgetは、あなたのウェブサイトにアクティビティを統合する最も簡単な方法です。さまざまなウィジェットスタイルから選択し、数分で埋め込んでください。

アフィリエイトになる

はじめに

Swiss Activities ウィジェットは、ウェブサイトに Swiss Activities のアクティビティを埋め込む最も簡単な方法です。 このウィジェットはカスタム HTML エレメントで、任意の HTML コンテキストに実装できます。レスポンシブデザインに対応しており、埋め込まれたウェブサイトの利用可能なスペースに自動的に適応します。

セットアップ

開始するには、ウェブサイトの<head>セクションに以下のスクリプトタグを追加するだけです:

ウィジェット

ウィジェットはカスタム HTML エレメントなので、標準的な属性を使用してカスタマイズできます。 以下の属性が利用可能で、ニーズに合わせてウィジェットを調整できます。

  • affiliate: アフィリエイト ID
  • booking: ボタンをクリックした際にモーダルでウィジェットを開くか、Swiss Activities にリンクするか(デフォルト: false)
  • button-background: ボタンの背景色(デフォルト: #ff385c)
  • button-color: ボタンのテキスト色(デフォルト: #fff)
  • button-text: ボタンのテキスト
  • display: ウィジェットの表示モード(widget | cta | button)/(デフォルト: widget)
  • heading-text: 見出しテキスト
  • ident: アクティビティの ID
  • language: ウィジェットの言語(de | en | fr | it)/(デフォルト: de)
  • paragraph-text: 段落テキスト

表示モード

ウィジェット

デフォルトでは、ウィジェットはウィジェットモードで表示され、Swiss Activities API から現在のアクティビティのタイトル、説明、画像などの情報を取得します。

CTA

ウィジェットは CTA(コールトゥアクション)モードでも表示でき、アクティビティのタイトルと説明、またはカスタムの見出しと段落テキストを表示します。

固定表示

固定表示モードでは、ウィジェットはページの下部に固定位置で表示されます。

ボタン

最もシンプルな形式として、ウィジェットはシンプルなボタンとしても表示できます。

ヘッドレス

上記のオプションがニーズに合わない場合、ヘッドレスモードでウィジェットを使用することもできます。 このモードでは HTML をレンダリングせず、代わりに HTML 要素を自分で定義する必要があります。 このモードは、テキスト内で複数のアクティビティをリンクしたい場合や、ウィジェットにカスタムテンプレートを使用したい場合に便利です。

アクティビティ ID の取得

アクティビティ ID は、Swiss Activities における各アクティビティの一意の識別子です。アクティビティページを閲覧している際に、ページのフッターで確認できます。

商品カタログ

Swiss Activities の商品カタログ全体をウェブサイトに埋め込むことも可能です。

こちらのページでウィジェットを設定し、埋め込みコードを取得できます。フィルター選択に応じて、選択した条件に一致するアクティビティが表示されます。

アフィリエイトになる

フォームへ