Swiss Activities Widgetは、あなたのウェブサイトにアクティビティを統合する最も簡単な方法です。さまざまなウィジェットスタイルから選択し、数分で埋め込んでください。
Swiss Activities ウィジェットは、ウェブサイトに Swiss Activities のアクティビティを埋め込む最も簡単な方法です。 このウィジェットはカスタム HTML エレメントで、任意の HTML コンテキストに実装できます。レスポンシブデザインに対応しており、埋め込まれたウェブサイトの利用可能なスペースに自動的に適応します。
開始するには、ウェブサイトの<head>
セクションに以下のスクリプトタグを追加するだけです:
ウィジェットはカスタム HTML エレメントなので、標準的な属性を使用してカスタマイズできます。 以下の属性が利用可能で、ニーズに合わせてウィジェットを調整できます。
デフォルトでは、ウィジェットはウィジェットモードで表示され、Swiss Activities API から現在のアクティビティのタイトル、説明、画像などの情報を取得します。
ウィジェットは CTA(コールトゥアクション)モードでも表示でき、アクティビティのタイトルと説明、またはカスタムの見出しと段落テキストを表示します。
固定表示モードでは、ウィジェットはページの下部に固定位置で表示されます。
最もシンプルな形式として、ウィジェットはシンプルなボタンとしても表示できます。
上記のオプションがニーズに合わない場合、ヘッドレスモードでウィジェットを使用することもできます。 このモードでは HTML をレンダリングせず、代わりに HTML 要素を自分で定義する必要があります。 このモードは、テキスト内で複数のアクティビティをリンクしたい場合や、ウィジェットにカスタムテンプレートを使用したい場合に便利です。
アクティビティ ID は、Swiss Activities における各アクティビティの一意の識別子です。アクティビティページを閲覧している際に、ページのフッターで確認できます。
Swiss Activities の商品カタログ全体をウェブサイトに埋め込むことも可能です。
こちらのページでウィジェットを設定し、埋め込みコードを取得できます。フィルター選択に応じて、選択した条件に一致するアクティビティが表示されます。