|
|
@@ -60,10 +60,10 @@
|
|
|
|
|
|
<div class="copyrighted">
|
|
|
<div class="row px-0 mx-0">
|
|
|
- <div class="choozmo-copyrighted col-12 order-2 col-md-6 order-md-1 px-0">
|
|
|
+ <div class="choozmo-copyrighted col-12 order-2 col-sm-6 order-1 col-md-6 order-md-1 px-0">
|
|
|
<p>集仕多股份有限公司 ©版權所有</p>
|
|
|
</div>
|
|
|
- <div class="col-12 order-1 col-md-6 order-md-2 px-0">
|
|
|
+ <div class="col-12 order-1 col-sm-6 col-md-6 order-sm-2 order-md-2 px-0">
|
|
|
<p class="text-end">最後更新日期：2021/12/24</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -109,9 +109,9 @@
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th scope="row" class="px-0 text-center">播放平台</th>
|
|
|
- <td>Facebook、YouTube</td>
|
|
|
- <td>Facebook、YouTube</td>
|
|
|
- <td>Facebook、YouTube</td>
|
|
|
+ <td class="text-center">Facebook、YouTube</td>
|
|
|
+ <td class="text-center">Facebook、YouTube</td>
|
|
|
+ <td class="text-center">Facebook、YouTube</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th scope="row" class='text-center'>內容</th>
|
|
|
@@ -200,7 +200,7 @@
|
|
|
<div class='Analytics-chart'>
|
|
|
<div class="row mx-0">
|
|
|
<div class="row mx-0">
|
|
|
- <div class="col-12 col-md-6">
|
|
|
+ <div class="col-12 col-sm-6 col-md-6">
|
|
|
<h2 class='Data-h2 fw-bold'>觀眾較常收看之影音類型</h2>
|
|
|
<canvas id="myChart2" width="200" height="200"></canvas>
|
|
|
<p class="text-center">圖(1)</p>
|
|
|
@@ -210,7 +210,7 @@
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
- <div class="col-12 col-md-6">
|
|
|
+ <div class="col-12 col-sm-6 col-md-6">
|
|
|
<h2 class='Data-h2 fw-bold'>微電影廣告吸引力面向</h2>
|
|
|
<div class='mb-3'>
|
|
|
<div class="my-3">
|
|
|
@@ -236,7 +236,7 @@
|
|
|
</div>
|
|
|
<div class='row mx-0'>
|
|
|
<h2 class='Data-h2 fw-bold'>媒體行銷之比較</h2>
|
|
|
- <div class="col-12 col-md-6">
|
|
|
+ <div class="col-12 col-sm-6 col-md-6">
|
|
|
<table class="table-1 table table-bordered mt-3">
|
|
|
<thead>
|
|
|
<tr>
|
|
|
@@ -303,7 +303,7 @@
|
|
|
</table>
|
|
|
<p class="text-center">表(2)</p>
|
|
|
</div>
|
|
|
- <div class="col-12 col-md-6">
|
|
|
+ <div class="col-12 col-sm-6 col-md-6">
|
|
|
<div class="mt-3">
|
|
|
<h4 class='fw-bold'>微電影發展模式之建構</h4>
|
|
|
<p class='mb-3'>微電影介於廣告與電影之間，運用吸引人的劇情內容，巧妙地將品牌精神與產品行銷，融入故事情節當中，再透過劇情傳達訴求，提升品牌認同與產品的好感度，進而產生消費行為。</p>
|
|
|
@@ -379,7 +379,7 @@
|
|
|
<div class="row mx-0">
|
|
|
<div class='row mx-0'>
|
|
|
<h2 class='Data-h2 fw-bold'>廣告類型與主演是否為明星佔比</h2>
|
|
|
- <div class="col-12 col-md-6">
|
|
|
+ <div class="col-12 col-sm-6 col-md-6">
|
|
|
<div class="row px-0 mx-0">
|
|
|
<div class="Doughnut-box col-6 px-0 border-end border-bottom">
|
|
|
<canvas id="myChart-Doughnut1" width="200" height="200"></canvas>
|
|
|
@@ -479,7 +479,7 @@
|
|
|
<p class="text-center">圖(4)</p>
|
|
|
<div>
|
|
|
<h4 class='fw-bold'>廣告時長和故事類型 </h4>
|
|
|
- <p>微電影透過各種故事類型來呈現内容，因此不同的主題有不同的合適觀看時間。據圖(4)顯示:</p>
|
|
|
+ <p>微電影透過各種故事類型來呈現内容，因此不同的主題有不同的合適觀看時間。圖(4)顯示:</p>
|
|
|
<ul>
|
|
|
<li style="list-style-type: disc">
|
|
|
親情類、搞笑類故事更傾向于選擇0~5分鐘的時長來表達；
|
|
|
@@ -494,7 +494,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="col-12 col-md-6">
|
|
|
+ <div class="col-12 col-sm-6 col-md-6">
|
|
|
<div class="mt-3">
|
|
|
<div>
|
|
|
<h4 class='fw-bold'>各微電影類別與素人之關係</h4>
|
|
|
@@ -517,7 +517,7 @@
|
|
|
|
|
|
</div>
|
|
|
<div class='pagenumber'>
|
|
|
- <p>2</p>
|
|
|
+ <p>3</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 第三頁 -->
|
|
|
@@ -531,11 +531,11 @@
|
|
|
<div class="row mx-0 px-0">
|
|
|
<div class="row mx-0">
|
|
|
<h2 class='Data-h2 fw-bold mt-1'>微電影與其他的影像形式比較分析(YT)</h2>
|
|
|
- <div class="col-12 col-md-7 mb-3">
|
|
|
+ <div class="col-12 col-sm-7 col-md-7 mb-3">
|
|
|
<canvas class="mt-3" id="myChart-bar-yt" width="200" height="200"></canvas>
|
|
|
<p class="text-center mt-2">圖(6)</p>
|
|
|
</div>
|
|
|
- <div class="col-12 col-md-5">
|
|
|
+ <div class="col-12 col-sm-5 col-md-5">
|
|
|
<div class="mt-3">
|
|
|
<p class="mb-3">綜觀而言，《愛是最短的距離---織足藏樂館》有最高的觀看次數、讚數以及留言數，由於該影片的上傳時間相較於其他影片早，所以因此累積較多的觀看次數。</p>
|
|
|
<p>除此之外工研院《愛是最短的距離---織足藏樂館》
|
|
|
@@ -552,11 +552,11 @@
|
|
|
<div class="row px-0 mx-0 mt-5">
|
|
|
<div class="row mx-0">
|
|
|
<h2 class='Data-h2 fw-bold'>微電影與其他的影像形式比較分析(FB)</h2>
|
|
|
- <div class="col-12 col-md-7">
|
|
|
+ <div class="col-12 col-sm-7 col-md-7">
|
|
|
<canvas class="mt-3" id="myChart-bar" width="200" height="200"></canvas>
|
|
|
<p class="text-center mt-2">圖(7)</p>
|
|
|
</div>
|
|
|
- <div class="col-12 col-md-5">
|
|
|
+ <div class="col-12 col-sm-5 col-md-5">
|
|
|
<div class="mt-3">
|
|
|
<p class="mb-3">
|
|
|
綜觀而言，黑手阿爸與那些足球教我的事兩部影片於臉書的反應較為熱烈，主要是由於該兩則貼文皆有融合留言抽獎活動，因此，貼文的按讚數、觀看次數及留言數，皆有明顯的高聲量表現。
|
|
|
@@ -569,7 +569,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class='pagenumber'>
|
|
|
- <p>3</p>
|
|
|
+ <p>4</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 第四頁 -->
|
|
|
@@ -583,12 +583,12 @@
|
|
|
<div class='Analytics-chart'>
|
|
|
<div class="row mx-0 px-0">
|
|
|
<div class="row mx-0">
|
|
|
- <div class="col-12 col-md-6">
|
|
|
+ <div class="col-12 col-sm-6 col-md-6">
|
|
|
<h2 class='Data-h2 fw-bold'>科專成果之微電影映後聲量調查與分析(YT)</h2>
|
|
|
<canvas class="mt-3" id="bar-yt" width="200" height="200"></canvas>
|
|
|
<p class="text-center mt-2">圖(8)</p>
|
|
|
</div>
|
|
|
- <div class="col-12 col-md-6">
|
|
|
+ <div class="col-12 col-sm-6 col-md-6">
|
|
|
<h2 class='Data-h2 fw-bold'>科專成果之微電影映後聲量調查與分析(FB)</h2>
|
|
|
<canvas class="mt-3" id="bar-fb" width="200" height="200"></canvas>
|
|
|
<p class="text-center mt-2">圖(9)</p>
|
|
|
@@ -623,7 +623,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class='pagenumber'>
|
|
|
- <p>3</p>
|
|
|
+ <p>5</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
