Landing Page Builder の紹介
SundaySky の landing page builder は、視聴者が作成した動画を再生できるプロフェッショナルなランディングページを作成することができます。 技術的なリソースに頼ってページを構築することなく、完全に自分自身でページを作成・更新することができます。 動画に関する豊富なノウハウとベストプラクティスに基づき開発された SundaySky の landing page builder は、 完全な レスポンシブ で モバイル フレンドリー なランディングページを作成します。
ランディングページの作成は、動画の作成が完了する前でも、また動画が完成して公開する準備が整ってからでも、あなたの都合の良いタイミングで行うことができます。
もし、 SundaySky API data connector, を実装している場合、SundaySky ランディング ページ ビルダーを使用することはできません。
代わりに、この ガイドラインを使用して作成したランディング ページに、SundaySky プレーヤーを埋め込むことができます。
ランディングページを設定する
| 1. |
該当のプログラムにアクセスします。 |
| 2. |
overview ページで、 + Create a Landing Pageをクリックします。 |
landing page builder が開きます。デフォルトでは、ランディングページのロゴ（もしある場合のみ）、テキストスタイル、カラーは brand configuration（ブランド構成）に従って設定されています。 これらのコンポーネントや、その他のコンポーネントは全て簡単に編集できます。ランディングページの各要素をカスタマイズする方法については、以下を読み進めてください。
上のスクリーンショットは、横のアスペクト比で作成されたビデオのランディングページを表示しています。縦長のアスペクト比で作成された動画の場合は、それに応じてランディングページが設定されます。
| 3. |
下の関連するタブをクリックすると、要素のカスタマイズ方法が表示されます。変更を加えると直ぐにページに反映されます。 |
|
プログラムのブランド構成にロゴが含まれている場合、ページの上部に表示されます。 なお、ランディングページにロゴを表示することは 必須ではなく 、そこからロゴを完全に削除することも可能です。 |
|
|
|
|
|
ロゴをアップロードする: |
|
| 1. |
Logo のExpander（下矢印）を開きます。 |
|
|
| 2. |
現在のロゴのサムネイルをクリックします。 |
|
|
| 3. |
メディアライブラリから、使用するロゴを選択するか、アップロードします。 詳しくは、 Uploading Assets to the Media Library を参照ください。 |
| 4. | (オプション) ロゴをアップロードした後、サムネイルの横にある Edit logo アイコンをクリックして、ロゴを 切り取ったり、 または 反転させたり します。
|
|
動画のデフォルトのポスター画像は、ページの中央に表示されます： |
|
|
|
|
|
ポスターイメージを変える： |
|
| 1. |
Poster Image のExpander（下矢印）を開きます。 |
|
|
| 2. | 現在のポスターイメージのサムネイルをクリックします。 |
|
|
| 3. |
メディアライブラリから、使用するイメージを選択するか、アップロードします。 詳しくは、 Uploading Assets to the Media Library を参照ください。 |
|
プレーヤー ウィンドウの下にある動画プレーヤーのコントロールは、コードを記述する必要なく設定できます。このセクションのオプションを設定した後、ページを プレビュー してすべての機能をテストすることをお勧めします。 |
|
|
a. プレーヤー バーを固定する |
|
|
b. チャプターを有効にする |
|
|
c. トランスクリプトを表示するボタン クリックすると、詳細なビデオトランススクリプトの例が表示されます。
|
|
|
d. デフォルトでCCをオンにする |
|
|
e. 再生アイコンを大きく表示する |
|
|
f. 四角い再生アイコンを表示する |
|
ランディングページには、あなたが編集したり完全に削除したりすることができる３つのテキストセクションがあります：title（タイトル）、subtitle（サブタイトル）、legal（法務）。 それらの テキストスタイル はブランド構成から取得されます。 Title は Headingを、Subtitle は Sub-headingを、そして Legal は Footnoteを使用します。 |
|
|
|
|
|
テキストを編集・削除する: |
|
| 1. |
Text のExpander（下矢印）を開きます。 |
|
|
| 2. | 編集したいテキストを選択します。 |
 |
|
| 3. | 新しいテキストを入力、あるいは該当セクションを 空白にしたい場合にはテキストを全て抜いてください。 |
| 4. |
<spanそのテキストフィールドの >外を クリックし、変更を確認してください。 </spanそのテキストフィールドの >
|
Tip!
|
テキストを入力してもランディングページにテキストが表示されない場合は、 Primary その場合、白から見える色に変更する必要があります。 |
|
（オプション）ランディングページにクリック可能なボタンを追加することができます。 |
|
| 1. |
Page Button のExpander（下矢印）を開きます。 |
|
|
| 2. | In the Button Text フィールドに、ボタンに表示したいテキストを入力し、フィールドの 外を クリックし保存します。 |
 |
|
| 3. | Button URL フィールドに、視聴者がボタンをクリックしたときに誘導されるURLを入力し、フィールドの 外を クリックし保存します |
 |
|
| ランディングページにボタンが追加されます。 ▶ Button Text と Button URL の両方が定義されている場合のみ、ボタンが追加されることに注意してください。 |
|
 |
|
|
デフォルトでは、ランディングページのテキストやボタンの両方に使用される色は、 brand configuration（ブランド構成）で定義されたPrimary カラー です。 この色は、好きな色に変更することが可能です。 |
|
|
色を変える: |
|
| 1. |
Colors expanderを開きます。。 |
|
|
|
| 2. |
現在の色を選択します。 |
|
|
|
| 3. |
次のいづれかの方法で新しい色を選択します：br a. hexコードを入力する。 |
|
|
|
|
必要に応じて、ビデオの最後にNPSアンケートを入れてみてください。 このアンケートは、顧客満足度を測るために作られたもので、つの質問で構成されています。
|
| 4. |
ランディングページの外観に問題がなければ、ページの右下にある Create Page をクリックします。 |
|
|
|
|
Overview ページに戻り、現在のランディングページの状態が Inactive（非公開）であり、公開する準備が整っていることが確認できます。 ランディングページにあなたのプログラムが公開されると、チャネルは （Inactiveではなく）Active（公開）に変わります。span |
|
Landing Page のアクション
動画のランディングページを作成したら、動画ページの Channels セクションからさまざまなアクションを行うことができます。
| # | Action | Icon | Description |
| 1 | Copy page URL |  |
Copy page URL をクリックすると、クリップボードにコピーされた ライブのランディングページURLが生成されます。 このURLは、企業データベースのレコードに 追加することができ、各URLには視聴者に応じて一意のIDが付加されます。 |
| 2 | Generate page links (CSV) |  |
Generate page links (CSV) をクリックすると、 CSVデータ連携を使用してリンクを送信できます。 詳細なガイドラインは、 動画リンクの生成 を参照してください。 |
| 3 | Edit |  |
Edit をクリックして、ランディングページを更新します。 編集が完了したら、ランディングページビルダーの下部にある Update Page atをクリックします:
|
| 4 | Test Page |  |
Test Pageをクリックすると、 クリップボードにコピーされたランディングページのURLが生成されます。 このURLは7日間有効で、実際に公開する前に他の人にページを見せるために使用することができます。 ページには、以下のような表記が表示されます。:
|
| 5 | Deactivate Page |  |
ランディングページを無効化するには、 Deactivate Page をクリックします。 そのURLにアクセスしようとすると、ページが利用できなくなったというメッセージが表示されます。 ページを再び有効にする準備ができたら、同じメニューから［ Activate Page を選択します。 |
| 6 | Delete Page |  |
ランディングページを完全に削除するには、 Delete Page をクリックします。 |
動画リンクの生成
| 1. |
アカウント設定に従って、 ダイレクトトラック または SundaySky経由で動画を公開します。 |
 |
|
| 2. |
ランディングページを起動します。 |
 |
|
|
ページのステータスがActiveに更新されます。 |
|
|
|
|
| 3. |
ページリンクの生成 Generate page links (CSV)を選択します。 |
 |
|
| 4. |
以下のいずれかの方法で、データファイルをアップロードしてください。: |
|
|
|
| 5. |
download video linksをクリックします。 |
|
|
|
| 6. |
ダウンロードしたファイルのうち、動画のリンク先を開いてください。 |
 |
|
