あなたのウェブサイトに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（コールトゥアクション）モードでも表示でき、アクティビティのタイトルと説明、またはカスタムの見出しと段落テキストを表示します。
Fixed
固定表示では、ウィジェットはページの下部に固定位置で表示されます。
Button
最も基本的な形式では、ウィジェットは単純なボタンとしても表示できます。
Headless
上記のオプションがニーズに合わない場合、ヘッドレスモードでウィジェットを使用することもできます。 このモードでは HTML をレンダリングせず、代わりに HTML を自分で定義する必要があります。 このモードは、テキスト内で複数のアクティビティをリンクしたい場合や、ウィジェット用にカスタムテンプレートを使用したい場合に便利です。
アクティビティ ID の取得
アクティビティ ID は、Swiss Activities でのアクティビティの一意の識別子です。アクティビティページを閲覧している際に、ページのフッターで確認できます。
