聊天機器人從3年前開始被廣泛運用在行銷上，除了最一開始很多人熟知的「貼文留言導流功能」（也就是常見的：留言+1拿懶人包完整版），現在甚至發展到擁有對話智能！
面對使用者私訊，回覆內容也從自動回覆單一訊息新增到輪播圖片、傳送音檔，還有推播工具可以讓我們後續進行用戶聯絡。
現在也不侷限在Facebook了！不少電商也會選擇在LINE@使用Chatbot服務，讓用戶有更方便的聯繫管道。
說到Chatbot，也許你聽過Chatfuel、Chatisfy，現在也有個風格可愛操作介面友善的BotBonnie可以選擇！
這篇文章以「操作教學」為主，
會示範如何建立具備「自動公開回覆單篇貼文留言」、「自動私訊用戶開啟對話」、「當用戶輸入非指定文字（例如發問）時自動回覆」的Chatbot！
以下會分成
PartA：用戶開啟Messenger自動回覆
PartB：自動公開回覆單篇貼文留言
PartC：自動私訊用戶
這三個部份來講解！
如果對發想過程有興趣的人可以看另一篇文章《老闆惹怒工程師可以激起多大的社群效應：Chatbot 新手基礎操作案例》。
那我們趕快開始吧！
進入BotBonnie首頁，並且點選右上角桃紅色選項「立即免費試用」。
Step2：註冊方式且進入機器人管理頁面建立空白機器人
選擇用Facebook帳號會讓連結粉專更方便！
進入這個機器人管理頁面後可以直接建立一個空白機器人，記得幫它取個好名字，以後機器人多了才不會搞混唷！
進入這個畫面，你可以看到所有你擁有「編輯以上」權限的粉絲專頁，
⚠️⚠️在按下青綠色的「連結」以前，要記得先讓自己變成該粉專的管理員，只有管理員才能讓Chatbot與粉專連結唷！
按下連結後，過幾秒會出現淺綠色的小勾勾、已連結的文字，這樣就是成功連結啦！
連結完粉專之後，我們先來進行自動回覆設定！
⚠️⚠️如果你有設定Facebook內鍵自動回覆，並不會影響到後續要講的PartB和PartC，但因為BotBonnie提供對話按鈕功能，可以直接讓用戶點擊進入其他我們也在經營網站，例如：Youtuber、Instagram、官方網站、Medium……，所以我們一起設定，就可以不必在訊息內附上一堆複雜的網址，也能讓介面更好看！
點擊左側機器人管理，會出現下方畫面
點擊「開始使用」，會跳出小介面，接著點擊「請選擇開始使用模組」，你會發現下方顯示「找不到此模組」
沒錯！因為我們什麼都還沒設定……
這個時候拚命在畫面上尋找模組的你，有注意到上方工具列，最左邊就是「新增模組」嗎？
點它一下吧！
你會發現右邊也多了一個模組封面，而且原本的小頁面被取代成模組建立畫面，你可以在左邊的介面編輯模組名稱
下方八樣功能分別是：文字訊息、圖像訊息、輪播訊息、音訊訊息、影像訊息、訊息延遲、JSON、LINE的圖文訊息。
點選文字訊息，則會自動新增一個文字訊息欄位，在框框內輸入你想讓用戶私訊粉專時會得到的自動回覆內容
這時你又發現了新功能！下方有：新增按鈕，點擊它！
點擊後輸入希望顯示的按鈕名稱、並且在「按下按鈕」的區域選擇「開啟URL」，同時放入希望連結進入的網址，
接著點選「完成」，就設定好第一個按鈕了！
依照著上面的教學，可以接續設定剩下的按鈕，
⚠️⚠️免費版最多只能設定三個按鈕
完成後點擊空白處可以收起介面，會看到開始使用的圓圈連結著自動回覆這就代表：
1.當用戶進入粉專，點擊Messenger內的開始使用或直接輸入文字，則會自動回覆你設定好的內容。
2.當用戶已經在Messenger頁面，只要他不是輸入活動指定文字，都會出現設定好的自動回覆訊息。
點擊右上角「測試」，畫面則會跳轉到Facebook，是使用你的個人帳號與「邦妮實驗室」對話，邦妮講的話，就是我們設定好的自動回覆內容唷！
點擊所有連結與按鈕，確認可以正常引導用戶
那麼我們的PartA就順利完成啦！🤩🤩
到這裡，各位還行嗎？有沒有愛上Chatbot的建立過程了呢？🤣🤣
接下來接續講解如何 自動 且 公開回覆 單篇貼文留言！
將左側卷軸往下拉，選擇「導流工具」，再選擇右上角的「新增導流工具」
可以依照需求選擇導流功能，這裡我們選擇左上角的「貼文留言自動回覆」
輸入活動名稱，例如這次我就可以輸入「老闆惹怒工程師」，接著在下方貼上你希望產生互動的貼文網址
⚠️⚠️如果你的貼文尚未發佈（通常都是這樣），可以選擇以下方式進行：
1. 不更改連結的粉專，拿已發佈的舊貼文網址測試。
2. 更改連結的粉專（先創立的一個測試Chatbot的粉專），發佈貼文，連結該貼文。
決定好要使用的網址後，我們回到這裡繼續進行。
選擇右邊「條件回覆」，因為我們的選項有A、B、C，所以我設定了三種條件回覆。
⚠️⚠️新增後出現桃紅色外框是正常的，它提醒你這部分有東西未完成。
下面觸發條件設定有非常多功能，除了可以設定留言內容「含任一關鍵字」、「含所有關鍵字」、「完全相符」、「含有照片」以外，還能設定Tag朋友的個數哦！
在這裡我們選擇「含任一關鍵字」，並且在下方欄位輸入我想要的關鍵字：A、a，
完成後點擊右邊
⚠️⚠️名稱一樣可以更改唷！
接著依照 新增模組訊息的方式 設定回覆內容
⚠️⚠️最多只能一封文字訊息+一張照片唷！
再來是設定私訊內容，與模組內一樣有八個選項，但只能夠選擇一種（⚠️⚠️不確定是否因為是免費版），因此我在這裡設定了一個讓用戶再次選擇的情境，並且因為三種選項而新增了三個按鈕。
按鈕內的設定和前面設定模組一樣，
比較不同的是，這次在按下按鈕的區域，我們要選擇「前往對話模組」，這樣用戶再次選擇後就會進入指定情境。
這時你會發現，你尚未有任何對話模組，
千萬不要選擇「自動回覆」哦，這樣會造成災難！
PartC會教你如何建立這裡需要的對話模組，我們先依循步驟完成三個選項的設定。
完成這個「當他留言A」後，按下「完成」，然後接續執行「當他留言B」、「當他留言C」
全都完成後，你會發現三個選項都是未完成狀態，這個時候先把它放一邊。
點選左側「機器人腳本」，再點擊右上角「發佈」！
這時我去對應的貼文底下留言內容只要含有「關鍵字」，就會跳出粉專公開回覆我唷！
⚠️⚠️但是這時粉專還不會私訊我，因為私訊的部分接下來PartC才要設定完。
接下來就是重頭戲了，此時用戶已經進入Messenger，也完成了再次選擇，我們要依照他的選擇引導他前往指定的對話模組。
點擊左側機器人腳本，並且新增三個模組，名稱修改為「貼文留言回覆-A」、「貼文留言回覆-B」、「貼文留言回覆-C」
點擊A模組，新增想要的訊息內容。
這裡我設定了兩則文字訊息、一則輪播訊息，把文字分成兩段避免用戶觀看感到冗長，輪播訊息則拿來放想要推廣的活動。
⚠️⚠️輪播訊息，單個可以放入「單張圖片」、「點擊圖片連結」、「標題」、「描述」、三個按鈕。
這時依照名稱放入對應的東西就完成了！
B、C模組也是依此路徑執行。
全都設定好後，回想一下剛才，已經讓粉專公開回覆我的訊息了，
現在我們就要來讓粉專除了公開同時也要私訊回覆我！
點擊左側導流工具，再點擊條件回覆，
這裡示範點擊「當他留言A」→「私訊回覆訊息」→「代表A選項的按鈕」→按下按鈕區域的「前往對話模組」
這時再選擇名稱為「貼文留言回覆-A」的選項→完成。
依照Step2的步驟，依序把三個選項分別連結到模組A、B、C，
也完成另外兩個條件回覆：「當他留言B」、「當他留言C」。
到這裡我們的Chatbot就完成了95%啦！😍😍😍
點擊左側用戶管理，再點擊標籤用戶裡的「新增標籤」，免費版最多可以使用5種標籤，
假如我今天放了3個活動，我想瞭解個別有多少人、那些用戶對它們感興趣，以利後續推播通知，就可以依照活動名稱設定三種標籤ex:點入11月小聚、點入12月工作坊。
完成標籤設定後，點擊左側機器人腳本，回到任一模組內，點選輪播訊息中的按鈕，
在「觸發動作」選擇你想設定的標籤。
按下完成，
再接著執行同樣動作完成其他模組，最後再按下右上角桃紅色的「發佈」，我們的Chatbot就建立好啦！
這時我們不能照著Part1點擊右上角的測試，而是照著Part2，用自己的帳號去留言測試。
完成各項測試後，我們再回到用戶管理，就會發現標籤後面都多了不同的數字，
這個數字代表的是「有多少人點這個按鈕」，如果今天標籤為11月小聚的數字是8，則代表有8人點擊，悲傷的是免費版的BotBonnie沒有辦法看到「哪些人」…..
在完成Chatbot之後，
想提醒大家的是，桃紅色的「發佈」並不代表只能夠按一次，所以你可以進行到一個段落就按發佈來測試，
等到最後正式連結貼文後，有任何想修改的一樣可以修改，
但記得要再次按下發佈，功能才會更新唷！
疫情之下，原本實體活動全都改成線上，活動分享全都在網路上很容易錯過，這邊整理了幾個跟數位教學相關的活動資訊給大家參考，分享順序為活動時間⏰ 1. Google Workspace技術整合術 Google Workspace for Education (原 G Suite 教育版) 能透過 Gmail、Google Drive、Google Calender、Google Meet 和 Classroom 等通訊與協作應用程式創造輕鬆與順暢的學習環境，並促進協同合作以提升數位學習與教學成效，而且還會為學校資料提供雲端安全性防護…
實體的教室變成一格一格的畫面，原本吵雜的下課時間也變成掛斷通話的系統聲。原本在班級中的歸屬感慢慢消失了，久而久之，孩子的對於學習，不再有群體的感覺，只是孤軍一人學習、複習、考試，甚至是畢業典禮都少了一份臨場感。因此，今天要和大家介紹一款現在在教育界還很少被提到的軟體-Gather。 Gather 如果你還不知道Gather，或是直覺的把Gather與虛擬會議室連結在一起，不妨先看看Gather裡的特色： 介面是像素型RPG 每個人自由創建一個角色 上下左右輕易控制角色 走道其他角色旁邊能互相討論 小遊戲battle 光是這五點特色，就足以推派它成為遠距教學的工具，除了打造不同空間的地圖外，最特別的是Gahter打造前所未有的臨場感，人與人之間只有靠近到一定距離，才能聽到彼此說話聲音，而相對應的，離開後聲音就會漸漸聽不到，就連白噪音的設計也是如此，非常的逼真。 不知道老師們會不會因為搭建地圖覺得麻煩，或是看到2D介面怕學生當遊戲在玩而不考慮這款軟體，換個角度思考，藉由不同地區的老師們集思廣益，打造出最適合學生學習的環境，像是不同學科的教室、戶外自然生態區、操場、籃球場等等....都可以更貼近真實校園，而像素的介面正好提高學生的學習意願，老師們擔心學生過於沉迷時，也能用全體廣播放上課鐘聲，或是讓學生們聚集在同一區，鏡頭站起來動一動 (另外推薦Active Arcade -> 趣味運動的APP )，就像早操一樣很真實。 線上教學缺乏臨場感，Gather可以創造了讓大家「一起在一個遊戲世界」的凝聚力。縱使Google Meet、Teams 雖然也可以進行討論，但若要每堂課要穿梭在不同會議間，節奏不流暢，使用Gather可以讓學生更自由地移動，相對應的老師也可以神出鬼沒地到處「旁聽」。 教孩子用科技解決問題，如果老師們也努力著示範給孩子看，創造出獨一無二的學習空間，相信對於孩子學習的歷程中，有莫大收穫。但到底怎麼開始使用？別擔心，這次快樂學程式邀請到Gahter界的大神 阿岳，要來和大家分享Gather的6大應用技巧，限名額唷~…
HTML入門&基本觀念介紹！ 構成一個網頁，最重要的就是他的結構，而HTML就像是他的骨架，而CSS就是像是我們身體上的肌肉一般，而JS則像是人體的神經、血管般調整著我們身體、傳遞訊息，那麼HTML究竟是指哪些語法呢？ 什麼是HTML? HTML全文又稱為HyperText Markup language ，也就是所謂的超文本標記語言，是網頁構成的基本要素，換言之，網頁就是由一堆html所構成，透過瀏覽器，顯示文字、圖片、以及其他相關我們可以在網頁上看見的基本元素。而對於剛學程式的朋友來說，HTML有以下幾個重點： HTML的基本架構： HTML的基本觀念與優點1.容易學習-HTML的文檔製作非常簡單易懂﹐功能強大之餘還支持不同格式的文件鑲入。2.製作門檻低-HTML是文本﹐它需要瀏覽器的解釋。只要你學會了HTML﹐你就可以直接在Windows的記事本或寫字版上進行製作和編輯﹐當然你也可以用WPS來編寫﹐只要注意在存檔的時候用.htm或.html來做檔名就可以了3.有利於搜尋引擎理解你的內容，透過HTML所構成的頁面被稱作所謂的”靜態頁面”﹐而Google爬蟲會優先收錄靜態網頁﹐所以HTML對於Google來說就像是鯊魚聞到血腥味一樣﹐有利於吸引Google爬蟲。4.加快瀏覽速度-因為靜態網頁無需連接數據庫﹐因此比打開動態網頁的速度較快﹐對於消費者體驗來說有所幫助。5.網站更安全-因為HTML頁面不會受Asp相關漏洞所影響。 HTML的缺點與限制 1.太簡單﹐不能適應現在越來越發達的網路世界和應用的需要﹐比如手機﹑PDA﹑信息家電等都不能直接顯示HTML2.太龐大﹐由於HTML代碼不規范﹑臃腫﹐瀏覽器需要足夠智能和龐大才能夠正確顯示HTML。顯然在你的PDA上裝一個IE6是不可能的。空間不夠﹐運算也跟不上3.數據與表現混雜。這樣你的頁面要改變顯示﹐就必須重新制作HTML。對不同的網路設備顯示同樣的數據都需要制作不同的HTML4.只能對文本進行排版﹐而且HTML樣式使用標準文本標識﹐不能創建一些特殊效果 所以我該如何學習HTML? 有什麼比較快的方法嗎？ 答案是沒有的﹐學習程式語言就像是學習廚藝一樣﹐只有透過不停的嘗試﹑嘗試和嘗試才能讓自己有所成長﹐並且慢慢強大。過程中你會一直遇上困難和失敗﹐但你在不斷解決困難的過程中能夠不斷發掘新的知識﹐從失敗中發才能不停的成長。無論你是學習那一種程式語言﹐都需要經歷困難和失敗才能讓自己更加強大﹐正所謂:不經一番寒徹骨，怎得梅花撲鼻香呢?對吧﹐我們能做的不是要找捷徑﹐而是透過不同的媒介和平台去不斷學習﹐那麼下面快樂學程式會為大家介紹一些很棒的程式教學網站﹐讓大家可以不斷提升自己。 1.w3schools.com- 語法練習的好地方這個網站是目前全球訪問量最大的網頁開發教程網站﹐網站裡有多種程式語言的教學﹐而且每種程式語言由淺到深的解說﹐從語言的介紹到不同的功能和方法都會分章節說明。所以無論你是從零開始學的白紙﹐還是已經在學習但遇到困難的新手都可以在這個網站上找到相關資訊﹐是個非常不錯的網站。那麼網址我們當然要雙手奉上﹐請慢用https://www.w3schools.com/ 2.CodeAcademy- 免費的教學網站這是全球其中一個最受歡迎的免費coding教學網站﹐已經有超過2400萬人透過這個網站學習到了如何去coding。這個網站是非常適合新手入門的同學去學習的﹐網站會一步一步仔細的教導而且還有實作﹐所以學習起來非常的快速! 3.StackOverflow- 實際案例與疑難雜症的解決處 這個網站比較適合一些已經有在嘗試動手實作的同學﹐當你在coding的時候遇上困難了﹐那麼你可以在這個可以解決超過80種程式語言問題的網站上找到答案﹐讓你的coding之路更加順暢。 如果你覺得爬網站麻煩又費時，不妨直接點擊快樂學程式的網頁前端課程，老師直接手把手帶你入門HTML ！完整的基礎入門課程省下你獨自摸索花費的時間！ 課程上架Udemy ! 準備一個輕鬆的週末，只要一天的時間，帶你建置靜態網頁。從實作中打開靜態網頁的大門，讓你的研究之路不是只有自己，有我們跟你一起努力！課程中你可以瞭解網站建置的世界觀與網站版型掌握HTML5的使用方式掌握 CSS3的使用方式使用Bootstrap處理前端UI框架現在開始上課！如果你的入門還在單打獨鬥，歡迎來到快樂學程式找到志同道合的夥伴，你的自學之路不孤單。快樂學程式
什麼是HTML? HTML全名是HyperText Markup Language，是一種描述超文件的註記語言SGML(Standard Generalized Markup Language)所制訂出的一種網頁語言，是編寫網頁的基本語言，基本上現行的瀏覽器都可以讀取HTML，使用HTML可以編輯設計出網頁，也可以在網頁中加入所有HTML語言可支援的方式，例如表格、表單、圖片、文字、連結、程式等等。 HTML介紹與基本語法整理 不管你是小時候從撰寫無名小站為了要修改你的樣式，而開始瞭解HTML和CSS為何物，或是長大因為介面設計或前端工程開始踏入網頁的世界。HTML和CSS對於網站的重要性經過多年依然歷久不衰。在本篇會對HTML進行基礎的介紹並幫你整理出基本語法提供你在寫網頁時的快速參考！ 編寫基本的HTML： 先讓大家看一下一個基本的HTML文件格式為： <HTML> <HEAD> <TITLE>網頁主題</TITLE> <Meta> </HEAD> <BODY>…
PHP是什麼?3分鐘PHP基本介紹！ 大家安安﹐快樂學程式這一次要跟大家分享PHP這種程式語言。希望幫助對於PHP有興趣的新手們可以透過我們的文章對這種語言有初步認識。一如以往﹐我們會分享以下幾項有關PHP的知識。 PHP是什麼? PHP語言的全名是(PHP: Hypertext Preprocessor)，和ASP、JSP等都是動態網頁開發語言，不過，PHP擁有跨平台的能力，無論是在Linux(最適合)、Unix、 Windows都可以執行運作，不像微軟 的ASP只能在Windows平台上執行，而且PHP是免費的，並可結合多種資料庫伺服器，如:MySQL、PostgreSQL、dBase、mSQL、Informix、ODBC、Oracle等。 PHP語言是伺服器端(Server)執行的網頁，不像一般HTML網頁，只要單機下開啟檔案就可以檢視網頁，PHP必須先在伺服器端執行完後，再將結果傳至使用者端(Client)的瀏覽器中檢視結果，所以必須使用網站伺 服器，且伺服器要支援PHP。 如何學好PHP? 要學好PHP，要有目的，要有一個想寫的東西，寫個學校網站，寫個校友系統，寫個簡單的新聞區或相簿...等，都可以，盡可能的和工作和生活結合，利用程式來簡化繁瑣的人工步驟，或者提昇工作效率，有目標，才會有動力，才會有想法。 學PHP不需要背，背不完的，只要懂就好了。像函數就不用背，常用的打久了你就背起來了，不常用的，等到要用時，知道去哪裡找就好。換言之，函數懂越多，功力越高強。 程式碼可以複製貼上，但一定要知道為什麼要這麼寫，不要傻傻的照著打，可以的話，自己打一遍最好，最上乘就是可以說出每一行程式碼的作用和前因後果。或者，故意打錯，看看會怎樣。錯誤訊息看久了，功力也就提昇了。 PHP程式碼執行方式 透過 Web Server 方式:例如利用 Apache…
Sildenafil citrate oral jelly Combiné avec les données de départs 2, on leur a demandé de type 5 de tadalafil…
View Comments