テンプレートアプリ「動画一覧」

テンプレートカスタマイズ支援コース SPIRAL® ver.2開発支援にてカスタマイズ支援可能

この記事では、テンプレートアプリ「テンプレートアプリ「動画一覧」の概要や内容物をご紹介いたします。
テンプレートアプリとは、SPIRAL ver.2にインポートし、業務に合わせてカスタマイズして使用できるアプリパッケージです。
「SPIRAL ver.2 テンプレートアプリ一覧」にて、様々なテンプレートアプリを配布しています。

概要

動画一覧の表示と動画閲覧後のアンケートを取ることが可能です。
動画視聴後にjavaScriptでメッセージのホップアップが表示され、OKを押すとアンケートが自動表示されます。

テンプレートアプリをダウンロードする

※ テンプレートアプリの導入手順はこちら

フロー図

難易度

ビジュアル設定ソース設定

80%20%

DB数3

ページ数4

ブロック数9

JavaScriptあり

PHPあり

APIなし

インポートの所要時間 … 約10分

テンプレートカスタマイズ支援コース SPIRAL® ver.2開発支援にてカスタマイズ支援可能

内容物（アプリ）

DB

表示名

レコードサイズ

備考

会員DB【AP018】

923 bytes

動画を視聴する会員DB

表示名	識別名	タイプ	必須	ユニーク
メールアドレス	mail	メールアドレス	○	○
パスワード	password	パスワード
名前	name	テキスト
郵便番号	post	テキスト
都道府県	pref	セレクト
住所	address1	テキスト
ビル・マンション名	address2	テキスト
電話番号	phone	電話番号

動画DB【AP018】

1.3 KiB

一覧で表示する動画を管理するDB

表示名	識別名	タイプ	必須	ユニーク
タイトル	title	テキスト	○
Youtube_動画ID	youtube_video_id	テキスト	○	○
サムネイル	thumbnail	ファイル	○
詳細	detail	テキストエリア
公開フラグ	public_flg	セレクト	○
公開日	public_date	日付	○
終了日	end_date	日付	○

視聴後アンケートDB【AP018】

1.3 KiB

動画視聴後に回答するアンケートDB

表示名	識別名	タイプ
会員DB_参照会員DB【AP018】	member_ref	参照フィールド
動画DB_参照動画DB【AP018】	video_ref	参照フィールド
メールアドレス	mail	メールアドレス
この動画の内容は理解しやすかったですか？	video_content	セレクト
動画の長さは適切でしたか？	video_length	セレクト
この動画を他の人にお勧めしたいと思いますか？	video_recommend	セレクト
動画のクオリティはどうでしたか？	video_quality	セレクト
ご意見・ご感想	note	テキストエリア

Youtube_動画IDについて

視聴させたい動画を事前にyoutubeにアップロードし、動画のIDを「Youtube_動画ID」に登録してください。
「https://www.youtube.com/watch?v=-Lcmg5nhH24」の場合は=の後の「-Lcmg5nhH24」が登録いただく内容になります。

アプリロール

表示名	備考
担当者【AP018】	動画を登録する担当者

内容物（サイト）

ページ

識別名	表示名	備考
video	動画一覧【AP018】	認証エリア
click_login_error	クリックログインエラー【AP018】	ログインエラーページ
login	ログインページ【AP018】	ログインページ
video	動画一覧【AP018】	動画一覧
regist	会員登録【AP018】	会員登録フォーム
videoAnq	動画視聴＆アンケート【AP018】	動画視聴ページとアンケートフォーム
re_password	パスワード再登録【AP018】	パスワード再登録

※ ページの識別名がURLパスになります。

ブロック（汎用パーツ）

表示名	設置認証エリア	設定方法	ブロック種類	備考
header	設定なし	ビジュアル	フリーコンテンツ	ロゴ付きのヘッダー

header（ログイン）	設定なし	ソース	フリーコンテンツ	ロゴ付きのヘッダーにログアウトボタンを追加

footer	設定なし	ビジュアル	フリーコンテンツ	フッター

別途必要なファイル

サイトファイルはパッケージに含まれないため、別途用意していただく必要があります。

サイトファイル

フォルダ/ファイル名	タイプ	備考
header_logo.png	画像	ヘッダーのロゴ画像
※jpgやsvgも利用可能

インポート後の必須修正点

メールアクションの有効化

インポート後は全てのメールアクションのステータスが「無効」になっており、アクションによるメール配信が実行されません。
下記のメールアクション一覧を参考に、各アクションのステータスを「有効」に切り替えていただく必要があります。

アクション名	アクション設定場所	種別	設定箇所
会員登録【AP018】	会員登録完了メール【AP018】	登録フォームブロック	メールアクション
動画視聴後アンケート【AP018】	アンケート完了メール【AP018】	登録フォームブロック	メールアクション

ログインURLの再設定

下記のメール設定にて、

template.spiral-site.com

と指定されているログインページのドメインを
再設定していただく必要があります。

アクション名	アクション設定場所	種別	設定箇所
会員登録完了メール【AP018】	会員登録【AP018】	メールアクション	登録フォームブロック

ログインURLの設定方法

メール設定の本文に設定されているログインページURLのドメインが

template.spiral-site.com

と設定されているため、アプリをインポートしたサイトのドメインに変更してください。

例：アプリをインポートしたサイトのドメインが「AAAA-BBBB.spiral-site.com」の場合、ログインページのURLは「https://AAAA-BBBB.spiral-site.com/video/login」になります。

テンプレートアプリをダウンロードする

※ テンプレートアプリの導入手順はこちら