自從Instagram創新的限時動態功能開放後,許多使用者或商業帳號都會透過發布限時動態來與粉絲互動,這也間接讓粉絲黏著率提升,不僅有#限時的飢餓行銷特性,更能直接做到導流的效果。
在限時動態功能日益增長的趨勢下Facebook和Line等社群平台也跟著推出自家的限時動態功能,而Google也在今年跟進,推出了一種叫做搜尋顯示網頁故事的功能,更以CNN這種有即時性的新聞媒體做範例參考,這個全新的服務在Google上目前命名為Web Story(Web Stories),因為呈現方式相似的關係,是我品牌數位行銷會先以網站限時動態來做說明。
本篇文章的網站限時動態教學主要會以Wordpress的CMS系統做示範,所以在教學開始之前請準備一個具有後台權限的Wordpress網站,至少要能夠安裝外掛,另一部份請下載下方的WordPress網站限時動態的外掛檔案,這份檔案是由官方提供的,請放心使用,若希望從原網站下載,請點擊Web Stories for WordPress。
Step 1 安裝網站限時動態外掛
至Wordpress後台的外掛區點選安裝外掛,並上傳剛剛下載的網站限時動態的外掛檔案。
Step 2 啟用網站限時動態外掛
安裝完成後請啟用外掛檔案
Step 3 新增網站限時動態
在Wordpress左側欄位中可以看到多了一個Stories的外掛功能,滑鼠移過去會出現Dashboard(控制表)、All Stories(所有網站限時動態)和Add New(新增網站限時動態),在這裡我們先點選新增網站限時動態。
Step 4 網站限時動態介面
進入新增網站限時動態後可以發現整體的介面其實很像Adobe的系統,從左到右依序是素材區、限時動態製作區以及參數區,基本的上字和匯圖是一定有的,而且還附有參考輔助線,第一次使用時針的覺得超貼心的!
Step 5 網站限時動態製作
雖然能夠匯入的圖形比較基本,但是可以透過選轉及參數來做變化,特殊字型的選擇則是要透過css或其他方式匯入才能做挑選,像我們放入一個三角形在背景圖層上方,再選轉4度並讓透明度降至40%,就能做出簡易的遮色片效果,右下角的圖層除了可以讓Photoshop使用者無痛上手之外,也可以確認哪些圖層已被鎖定保護。
Step 6 網站限時動態設定
而參數區的部分切換到Document(文件)就可以直接針對這篇WordPress網站限時動態做設定,就如同我們在製作Wordpress的文章、頁面或其他分類模板一樣,我們可以從這裡去調整網頁預覽圖、網址…等等來達到搜尋引擎行銷的效果,眼尖的你是否有發現最下面有個Auto(自動)和Manual(手動)的設定區塊呢?沒錯,這裡可以自己做調整,不一定只能像Facebook、Instagram或Line的限時動態來自動播放,讓使用者一張一張切換也是不錯的選擇!如果是使用自動的選項,底下還能自訂每張限時動態維持的秒數喔!
Step 7 預覽製作好的網站限時動態
完成之後即可直接預覽我們製作好的網站限時動態,是不是跟Instagram很像呢?
Step 8 插入網站限時動態外掛
接下來我們可以到文章或頁面來做嵌入的動作,以下使用預設編輯器做嵌入示範,可以直接搜尋Web Story來找尋外掛。
Step 9 嵌入網站限時動態
輸入想嵌入的網站限時動態網址並且按Embed送出。
Step 10 瀏覽網站限時動態
接著就可以看到我們剛剛所製作的網站限時動態囉!而且可以直接在編輯器中預覽切換的畫面喔!
結語
這樣一來我們就可以在搜尋結果(SERP)中看到我們的限時動態囉!