Uscreen(ユースクリーン)では、Amazon Prime VideoやNetflix、Dラボのような独自の動画配信サービスを、月額たった5,000円程度から簡単に作ることができます。
今回はそのようなUscreen(ユースクリーン)において、動画配信サイトのホームぺージの編集方法について解説します。
第9回は、前半と後半の2つに分けて解説させていただきます。
今回は第9回の「後半」となります。
※今回の解説にて使用する画像内表記では「前半」となっておりますが、これは正しくは「後半」です。ただの誤りであることについてご了承ください。

まだ「前半」の作業をされていない場合は、先に「前半」の作業することをお勧めします。
今回も説明がやや長くなりますが、これは多くの画像を使用し一つ一つ説明をしているためです。
作業内容に難しいことは一切ないので、ご安心ください。
※Uscreenについてご存じない場合は、Uscreen(ユースクリーン)とはをご一読ください。
※まだUscreenのお申し込みをされていない方はUscreen(ユースクリーン)の申し込み方法をご参考ください。
【Uscreen(ユースクリーン)使い方シリーズ】とは
Uscreen(ユースクリーン)使い方シリーズとは、世界No.1サービスであるUscreenを、日本の方にも不自由なく使っていただけるよう、Uscreenの申し込みから機能紹介、設定方法や使用方法などを解説している、全21回から成るシリーズになります。
本ブログ「ホームページのカスタマイズ」は、この【Uscreen使い方シリーズ】の第9回:後半となります。
本サイトでのブログでの解説のほかに、YouTubeにおいても解説動画を公開しております。
動画での解説が良い場合は是非、動画をご視聴ください。
» 【Uscreen(ユースクリーン)使い方シリーズ】再生リスト@YouTube 【動画解説】ホームぺージのカスタマイズ方法(前半からの続き)
Uscreen(ユースクリーン)で作る動画配信サービスサイトのホームぺージのカスタマイズ編集の方法を解説します。
前半における最後の説明からの続きとなります。
【All Platforms】モバイルアプリ等の紹介セクション
Uscreen(ユースクリーン)におけるこの「All Platforms」とは、あなたの動画配信サービスのiOSアプリやAndroidアプリ、Amazon Fire TVやApple TVなどを紹介するホームぺージのセクションです。
訪問ユーザーは、このセクションに表示されているそれぞれのアプリをクリックすることで、そのアプリをダウンロードすることができるページにアクセスできる、というものになります。
このセクションの編集は「All Platforms」をクリックします。

「Experience Citrix・・・」とタイトルがあり、複数のデバイスがある画像のエリアが、当該セクションです。

左の編集エリアの「Title」と「Subtitle」に文章を入力します。
入力すると、右に表示されているサイトに反映されます。

編集エリアに「Show/Hide Amazon」や「Show/Hide Apple TV」、「Show/Hide Roku TV」、「Show/Hide Fire TV」などという箇所があります。


これら全てには、緑のマークが入っていることから、有効化されている状態となっております。
そしてこの緑マークをクリックすれば、緑は消え無効化されます。無効化すると、右側のサイトからその部分が消えます。
以下「Show/Hide Amazon」の例をご覧ください。

緑マークを消すと、右側サイトに表示されていたデバイスが消える。

私の例では、AndroidアプリとiOSアプリ以外の作成は考えていないので、「Android」と「Iphone」以外全てを無効化することとします。

「Android」と「Iphone」以外全てを無効化したことから、「Iphone」と「Android」のリンクエリアのみが表示されています。

「Show/Hide Iphone」や「Show/Hide Android」という編集エリアのなかにそれぞれ「IPhone Link」や「Android Link」という箇所があります。
これをクリックすると、ドロップダウンが開き、リンク先ページを選択することができます。

私の例では、AndroidアプリやiOSアプリを作る予定ですが、まだ作成していないので、ひとまず「ホームぺージ」をリンク先とします。
※アプリが完成したら、Goolge PlayとApple Storeのそれぞれのアプリページをリンク先とします。
私の例では、ひとまずホームぺージをリンク先としますが、「アプリ完成までしばらくお待ちください。」というようなページを別途作成して、そのページをリンク先にしてもいいかもしれません。
設定が完了したら下の「Save」をクリックし、変更を保存します。

Storefrontへいき、動作確認をします。
「iPhone」をクリックします。

すると、ホームぺージにリダイレクトされました。

アプリ作成をお考えなく、そもそもこのセクション自体が不要であれば、編集エリア一番上の「Show/Hide Section」をクリックすることで、このセクション全体をホームぺージから隠すことができます。

「Show/Hide Section」をクリックし、緑マークを消したら、この「All Platforms」全体がサイトから消えました。

この「All Platforms」セクションの編集が終わったら、左下にある「Save」をクリックし変更を保存します。
そして、< をクリックしてこの「All Platforms」編集エリアから出ます。

【From Our Instagram】インスタや他のページの紹介
Uscreenにおけるこの「From Our Instagram」とは、あなたのインスタグラムのページやホームぺージ等を紹介できるホームぺージのセクションです。
ユーザーは、このセクションに表示される画像をクリックすることで、それぞれのリンク先に飛べるというものになります。
私の例ではこのインスタセクションを、Instagramに特化したセクションとせず、JEPISTAのホームぺージやYouTubeチャンネル、Twitterを紹介するセクションとしたいと思います。
このセクションの編集は「From Our Instagram」をクリックします。

編集エリアに切り替わり、右側のサイトでは当該の「From Our Instagram」が表示されます。

「私の例ではこのインスタセクションを、Instagramに特化したセクションとせず、JEPISTAのホームぺージやYouTubeチャンネル、Twitterを紹介するセクションとしたいと思います。」と言いました。
よって、左の編集エリアにて、画像やそのリンク先の設定をします。
設定は内容は以下の画像のとおりです。


設定が終えたら、「Save」をクリックし、設定を保存します。

Storefrontへいき、動作確認をします。
ツイッターの画像をクリックします。
「From Our Instagram」設定では、ツイッター画像のリンク先に、JEPISTA公式ツイッターに飛ぶよう設定しております。

TwitterのJEPISTA公式ページにしっかりとリダイレクトされました。

続いて、YouTubeの画像をクリックします。
「From Our Instagram」設定では、YouTube画像のリンク先に、JEPISTAチャンネルのページに飛ぶよう設定しております。

YouTubeのJEPISTチャンネルのページにしっかりとリダイレクトされました。

この「From Our Instagram」セクションの編集が終わったら、左下にある「Save」をクリックし変更を保存します。
そして、< をクリックしてこの「From Our Instagram」編集エリアから出ます。

【Bottom Call To Action】行動喚起
Uscreen(ユースクリーン)におけるこの「Bottom Call To Action」とは、訪問ユーザーに促したい行動を喚起することができるホームぺージのセクションです。
このセクションでは、行動喚起を促す文章と、ボタンを表示させることができます。
例えば、あなたの動画配信サービスを定額購読したくなるような文言を入れ、ボタンのリンク先を定額プランの購入ページ(Join Page)にすることなどが考えられます…
【YouTube動画版】ホームページのカスタマイズ【第9回:後半】
今回の説明と同じ内容を、YouTubeにて動画公開しています。
今回の説明の動画バージョンは、「フルバージョン」動画を視聴する必要があります。
フルバージョン動画の視聴方法についてご不明であれば、お問い合わせください。
Uscreen(ユースクリーン)使い方シリーズ【YouTube動画版】と【ブログ版】
【Uscreen(ユースクリーン)使い方シリーズ】にはYouTubeにて公開している【動画版】と、本サイトにて公開している【ブログ版】があります。
» 【Uscreen(ユースクリーン)使い方シリーズ】再生リスト【YouTube動画版】
» 【Uscreen(ユースクリーン)使い方シリーズ】ブログ一覧【ブログ版】
次回「Backups(バックアップ)の使い方【シリーズ】第10回」
次回は、Backups(バックアップ)の使い方についての解説をします。次回は【Uscreen(ユースクリーン)使い方シリーズ】の第10回となります。
今回の説明は以上です。
長い作業、お疲れ様でした。
コメント