[GDG Build with AI] 善用現代 AI 科技：打造專屬行銷工具箱 @ GDG Changhua 彰化
0 likes107 views
在數位行銷不斷演化的今天，內容需求快速上升、產製壓力倍增，生成式 AI 正顛覆傳統行銷流程。這場演講將帶大家認識如何運用 AI 工具，協助個人品牌、自媒體與小型團隊，以更低的門檻與更高的效率，完成行銷內容的企劃、製作與發佈。 我們將聚焦兩個實用場景：首先介紹如何透過 Firebase Studio 快速建置具互動性的行銷網站，讓非工程背景者也能整合表單、內容與基本會員功能，打造符合品牌需求的網站平台；接著展示如何運用 Chirp 3: HD Voices 將文字轉換為自然語調的 Podcast，讓一人也能完成節目製作。 透過這些實例，我希望提供實際可用的工具思維與應用策略，幫助行銷工作者在 AI 時代建立屬於自己的行銷工具箱，讓創意與執行力再進化。 PS：如果要聆聽自己做的 Podcast ，請自備耳機 🎧 5/24 (六) Build with AI 2025 彰化場五月小聚
![[GDG Build with AI] 善用現代 AI 科技：打造專屬行銷工具箱 @ GDG Changhua 彰化](https://image.slidesharecdn.com/ai-250526054018-7cb05c2e/85/GDG-Build-with-AI-AI-GDG-Changhua-5-320.jpg)
![[GDG Build with AI] 善用現代 AI 科技：打造專屬行銷工具箱 @ GDG Changhua 彰化](https://image.slidesharecdn.com/ai-250526054018-7cb05c2e/85/GDG-Build-with-AI-AI-GDG-Changhua-14-320.jpg)
![[GDG Build with AI] 善用現代 AI 科技：打造專屬行銷工具箱 @ GDG Changhua 彰化](https://image.slidesharecdn.com/ai-250526054018-7cb05c2e/85/GDG-Build-with-AI-AI-GDG-Changhua-31-320.jpg)
![[GDG Build with AI] 善用現代 AI 科技：打造專屬行銷工具箱 @ GDG Changhua 彰化](https://image.slidesharecdn.com/ai-250526054018-7cb05c2e/85/GDG-Build-with-AI-AI-GDG-Changhua-32-320.jpg)
![[GDG Build with AI] 善用現代 AI 科技：打造專屬行銷工具箱 @ GDG Changhua 彰化](https://image.slidesharecdn.com/ai-250526054018-7cb05c2e/85/GDG-Build-with-AI-AI-GDG-Changhua-33-320.jpg)
![[GDG Build with AI] 善用現代 AI 科技：打造專屬行銷工具箱 @ GDG Changhua 彰化](https://image.slidesharecdn.com/ai-250526054018-7cb05c2e/85/GDG-Build-with-AI-AI-GDG-Changhua-34-320.jpg)
![[GDG Build with AI] 善用現代 AI 科技：打造專屬行銷工具箱 @ GDG Changhua 彰化](https://image.slidesharecdn.com/ai-250526054018-7cb05c2e/85/GDG-Build-with-AI-AI-GDG-Changhua-35-320.jpg)
![[GDG Build with AI] 善用現代 AI 科技：打造專屬行銷工具箱 @ GDG Changhua 彰化](https://image.slidesharecdn.com/ai-250526054018-7cb05c2e/85/GDG-Build-with-AI-AI-GDG-Changhua-36-320.jpg)
![[GDG Build with AI] 善用現代 AI 科技：打造專屬行銷工具箱 @ GDG Changhua 彰化](https://image.slidesharecdn.com/ai-250526054018-7cb05c2e/85/GDG-Build-with-AI-AI-GDG-Changhua-66-320.jpg)
![[GDG Build with AI] 善用現代 AI 科技：打造專屬行銷工具箱 @ GDG Changhua 彰化](https://image.slidesharecdn.com/ai-250526054018-7cb05c2e/85/GDG-Build-with-AI-AI-GDG-Changhua-67-320.jpg)
![[GDG Build with AI] 善用現代 AI 科技：打造專屬行銷工具箱 @ GDG Changhua 彰化](https://image.slidesharecdn.com/ai-250526054018-7cb05c2e/85/GDG-Build-with-AI-AI-GDG-Changhua-69-320.jpg)
![import os
from google.cloud import texttospeech
# 設定您的 Google Cloud 服務帳
戶
金
鑰檔案路徑
# os.environ["GOOGLE_APPLICATION_CREDENTIALS"] = "/path/to/your/your-gcp-key.json"
# 請將上述路徑替換為您的實際
金
鑰檔案路徑
def synthesize_speech(text, output_filename, voice_name, speaking_rate=1.0):
"""
將
文
字轉換為語
音
並儲存為
音
訊檔。
Args:
text (str): 要轉換的
文
字。
output_filename (str): 輸出
音
訊檔的名稱 (例如: "host_part1.mp3")。
voice_name (str): Google Cloud Text-to-Speech 的語
音
名稱 (例如: "cmn-TW-Wavenet-A")。
speaking_rate (float): 語
音
的速度，1.0 為正常速度。
"""
client = texttospeech.TextToSpeechClient()
synthesis_input = texttospeech.SynthesisInput(text=text)
# 設定語
音
參數
voice = texttospeech.VoiceSelectionParams(
language_code="zh-TW", # 中
文
(台灣)
name=voice_name,
)
# 設定
音
訊編碼
audio_config = texttospeech.AudioConfig(
audio_encoding=texttospeech.AudioEncoding.MP3,
speaking_rate=speaking_rate,
)
response = client.synthesize_speech(
input=synthesis_input, voice=voice, audio_config=audio_config
)
# 將
音
訊內容寫入檔案
with open(output_filename, "wb") as out:
out.write(response.audio_content)
print(f"
音
訊已寫入: {output_filename}")
# 您的 Podcast 逐字稿內容 [cite: 1]
podcast_transcript = """
(略)
"""
# 您的 Podcast 逐字稿內容 [cite: 1]
podcast_transcript = """
(略)
"""
# 分割逐字稿
lines = podcast_transcript.strip().split('n')
host_parts = []
brand_representative_parts = []
current_speaker = None
temp_text = ""
for line in lines:
line = line.strip()
if not line:
continue
# 忽略
音
效和
音
樂標記
if line.startswith("(Podcast
音
樂") or line.startswith("(掌聲
音
效)"):
continue
if line.startswith("主持
人
:"):
if current_speaker == "品牌代表" and temp_text:
brand_representative_parts.append(temp_text.strip())
temp_text = ""
current_speaker = "主持
人
"
temp_text += line.replace("主持
人
:", "").strip() + " "
elif line.startswith("您的品牌代表:"):
if current_speaker == "主持
人
" and temp_text:
host_parts.append(temp_text.strip())
temp_text = ""
current_speaker = "品牌代表"
temp_text += line.replace("您的品牌代表:", "").strip() + " "
elif current_speaker: # 處理多
行
對話
temp_text += line.strip() + " "
# 將最後
一
段對話加入列表
if current_speaker == "主持
人
" and temp_text:
host_parts.append(temp_text.strip())
elif current_speaker == "品牌代表" and temp_text:
brand_representative_parts.append(temp_text.strip())
# 為主持
人
生
成
音
訊
host_voice_name = "cmn-CN-Chirp3-HD-Puck" # 選擇
一
個適合主持
人
的聲
音
for i, text in enumerate(host_parts):
synthesize_speech(text, f"host_part_{i+1}.mp3", host_voice_name)
# 為品牌代表
生
成
音
訊
brand_representative_voice_name = "cmn-CN-Chirp3-HD-Charon" # 選擇
一
個適合品牌代表的聲
音
for i, text in enumerate(brand_representative_parts):
synthesize_speech(text, f"brand_representative_part_{i+1}.mp3", brand_representative_voice_name)](https://image.slidesharecdn.com/ai-250526054018-7cb05c2e/85/GDG-Build-with-AI-AI-GDG-Changhua-76-320.jpg)
![[GDG Build with AI] 善用現代 AI 科技：打造專屬行銷工具箱 @ GDG Changhua 彰化](https://image.slidesharecdn.com/ai-250526054018-7cb05c2e/85/GDG-Build-with-AI-AI-GDG-Changhua-79-320.jpg)
![[GDG Build with AI] 善用現代 AI 科技：打造專屬行銷工具箱 @ GDG Changhua 彰化](https://image.slidesharecdn.com/ai-250526054018-7cb05c2e/85/GDG-Build-with-AI-AI-GDG-Changhua-84-320.jpg)
![[GDG Build with AI] 善用現代 AI 科技：打造專屬行銷工具箱 @ GDG Changhua 彰化](https://image.slidesharecdn.com/ai-250526054018-7cb05c2e/85/GDG-Build-with-AI-AI-GDG-Changhua-86-320.jpg)
[GDG Build with AI] 善用現代 AI 科技：打造專屬行銷工具箱 @ GDG Changhua 彰化
- 1. 善 用 現代 AI 科技：打造專屬 行 銷 工 具箱 Changhua 彰化 Johnny Sung
- 2. Full stack developer Johnny Sung (宋岡諺) https://fb.com/j796160836 https://blog.jks.co ff ee/ https://www.slideshare.net/j796160836 https://github.com/j796160836
- 7. 個 人 Consumers 開發者 Developers 企業 Enterprises Gemini Google AI Studio Firebase Studio Gemini for Google Cloud Vertex AI
- 9. 原本 工 作流 部落格 Blog 官 方 網站 Website Podcast 社群帳號 (FB, IG, LINE … ) … 擬稿 創意發想 製作品牌識別 宣傳 下廣告 SEO 觀察回饋 商業合作 …
- 10. 跟 AI 一 起 工 作！ 部落格 Blog 官 方 網站 Website Podcast 社群帳號 (FB, IG, LINE … ) … 擬稿 創意發想 製作品牌識別 宣傳 下廣告 SEO 觀察回饋 商業合作 … Firebase Studio Gemini Google AI Studio
- 16. 文 案怎麼寫？我沒辦法幫你寫 •SEO 關鍵字 Search Engine Optimization (搜尋引擎優化) •帶 入 行 銷漏 斗 概念 AIDA = Attention、Interest、Desire、Action •觀察別 人 怎麼寫（搜集各種案例） •使 用 精確數字 •諧 音 梗 https://www.hububble.co/blog/marketing-funnel
- 20. 什麼？你沒有網站？ 那只好...
- 21. Chapter Two 體驗 Google AI Studio 的威 力 製作網站
- 22. Vibe Coding 是由 OpenAI 共同創辦 人 Andrej Karpathy 在 2025 年提出的全新 開發模式，透過 大 型語 言 模型（LLM）協助，讓開發者能以 自 然語 言 prompt 描述任務，由 AI 自 動 生 成程式碼，減少對傳統程式技能的依賴。這種 AI coding 的 方 式 鼓 勵開發者專注在「問題描述」與「邏輯設計」， 而 非 語法與 細節，Karpathy 形容這是 一 種「順著感覺 走 （embracing the vibes）」的寫 程式體驗，讓更多 非 工 程背景的 人 也能參與軟體創作。 https://ikala.ai/zh-tw/blog/ikala-ai-insight/vibe-coding-intro/ 什麼是 Vibe Coding？
- 24. 什麼是 Vibe Coding？ 順著感覺 走 (embracing the vibes) https://www.youtube.com/watch?v=v6mL0au2T1Q
- 29. 產 生 規格書
- 30. 生 成中…
- 39. 生 成 一 個 Logo 吧！
- 43. Create a logo for Zongzi. The design should use the basic triangular form of a traditional Zongzi as its foundation, feature a cute, hand-drawn aesthetic, and have a white background. 翻譯成英 文
- 44. Create a logo for Zongzi. The design should use the basic triangular form of a traditional Zongzi as its foundation, feature a cute, hand-drawn aesthetic, and have a white background. 翻譯成英 文
- 55. 行 銷名詞（量化指標） •Impressions 曝光次數 (瀏覽次數) •Click 點擊次數 •Call to Action (CTA) 行 動呼籲 https://www.design-hu.com/web-news/20-digital-advertising-term-2.html
- 56. 行 銷名詞（廣告投放） •CPM(Cost per Thousand impressions) 每千次曝光成本 CPM =（廣告總成本 / 廣告曝光次數）x 1000 次 •CPC(Cost per Click) 每次點擊成本 CPC = 廣告總成本 / 廣告點擊次數 •CPA(Cost per Action) 每次採取 行 動的成本 CPA = 廣告總成本 / 廣告轉換次數 https://www.design-hu.com/web-news/20-digital-advertising-term-2.html
- 58. 設定 Call to Action (CTA) •希望客 人 做的關鍵動作 •希望客 人 做什麼？ •購買 / 加 入 會員 / 訂閱電 子 報
- 59. Google Analytics Demo Account •購物網站（前台） https://shop.merch.google/ •Google Analytics 後台 https://analytics.google.com/analytics/index/demoaccount?appstate=/p213025502 https://support.google.com/analytics/answer/6367342?hl=zh-Hant&ref_topic=14090456#zippy=%2Cin-this-article%2C%E6%9C%AC%E6%96%87%E5%85%A7%E5%AE%B9
- 62. Call to Action (CTA) 轉換率 Call to Action
- 63. https://support.google.com/analytics/answer/9317498?hl=zh-hant CTA 轉換分析 Path exploration 路徑探索功能 Call to Action
- 64. Acquisition Engagement Monetization Google Analytics 功能
- 68. 還是可以看到 生 成錯誤的影 子
- 71. 端午飄香，粽情粽意：15 分鐘粽 子 廠商 行 銷 Podcast (Podcast 音 樂開場，約 15 秒，選擇輕快溫馨的 民 樂或節慶 音 樂) 主持 人 (充滿活 力 與親切的語氣): 各位聽眾朋友 大 家好，歡迎收聽今天的特別節 目 「端午飄香，粽情粽意」！再過不久就是 一 年 一 度的端午佳節了，空氣中是不是已經開始瀰漫著淡淡的 粽葉香氣了呢？今天，我們非常榮幸邀請到在地飄香多年的 安強粽 子 來到我們的節 目 ，與 大 家分享他們 用 心 製作的美味粽 子 ，以及端午節的溫馨故事。讓我們熱烈歡迎 安強粽 子 ！ (掌聲 音 效) 您的品牌代表 (溫和且 自 信的語氣): 大 家好，我們是 安強粽 子 ，很 高 興能透過 Podcast 的 方 式與 大 家交流。安強粽 子 已彰化在地深耕多年， 一 直秉持著對食材的堅持與對傳統的 手 工 手 法，希望將最道地的美味粽 子 帶給 大 家。 主持 人 : 真是令 人 期待！每到端午節，粽 子 就是餐桌上不可或缺的主 角 。請問安強粽 子 有哪些獨到之處，能夠在眾多品牌中脫穎 而 出呢？ 您的品牌代表: 我們安強的粽 子 ，最 大 的特 色 在於「 用 心 」 二 字。 首 先，我們嚴選最新鮮、最優質的食材，像是飽滿的糯米、香氣 十 足 的餡料，以及清香的粽葉。我們的 肉 品堅持選 用 台灣 在地核可的 肉 商與糧商，讓 口 感更加紮實鮮美。在 口 味上，除了經典的北部粽、南部粽之外，我們也不斷創新，推出符合現代 人 養 生 概念的養 生 五穀粽、蔬菜素食粽與極具特 色 的黃 金 18K 金 干 貝 海鮮粽。每 一 顆粽 子 ，都是我們師傅們 手 工 用 心 手 做，再三確認並嚴實包裹，希望能將這份 心 意傳遞給每 一 位品嚐的顧客。 主持 人 : 聽起來就非常誘 人 ！現在 大 家對於食品安全和健康意識都非常 高 ，請問安強粽 子 在這 方 面 有哪些把關呢？ 您的品牌代表: 這是非常重要的。我們 安強粽 子 的 生 產過程嚴格遵守食品安全衛 生 規範，擁有 HACCP 與 GHP 雙認證。我們的食材來源透明，有履歷追朔，絕不添加任何 人 工 色 素或防 腐劑，讓 大 家可以安 心 享 用 每 一 口 美味。 主持 人 : 除了美味與安 心 ，端午節也充滿了 文 化意義。請問 安強粽 子 在推廣端午 文 化 方 面 ，有沒有什麼特別的理念或活動呢？ 您的品牌代表: 端午節對我們來說，不僅僅是賣粽 子 的節 日 ，更是 一 個傳承 文 化的重要時刻。我們希望透過我們的粽 子 ，讓年輕 一 代也能了解端午節的由來，像是划龍 舟 、掛艾草、喝雄黃 酒等習俗。我們也會在我們的社群平台上分享端午節的故事和知識，希望能讓 大 家在品嚐美食的同時，也能感受到傳統 文 化的魅 力 。今年端午節，我們特別推出了 滿 5000 送 500，買 5000 顆粽 子 送 500 個香包，買 10 顆粽 子 送艾草 1 束的活動，希望 大 家能共相盛舉。 主持 人 : 這真的是非常有意義！我相信聽眾朋友們 一 定都迫不及待想要品嚐 安強 的美味粽 子 了。請問現在有哪些購買的管道呢？ 您的品牌代表: 購買我們的粽 子 管道非常 方 便！ 大 家可以透過以下幾種 方 式：我們有實體 門 市，歡迎直接到我們的北中南三 大 旗艦 門 市購買。 或者官 方 網站 annche，A、N、N、N、C、H、E， dot com dot tw 線上訂購服務。我們也與 seven-ELEVEN，與台中、南港 lalaport 合作，冷凍櫃就買得到我們的粽 子 了哦！ 也歡迎追蹤我們的 Instagram: annche，我們會不定期推出優惠活動和新品資訊。 主持 人 : 哇，這麼多便利的購買 方 式，聽眾朋友們趕快把握機會。非常感謝 安強粽 子 今天來到我們的節 目 ，與我們分享了這麼多關於美味粽 子 和端午 文 化。希望 大 家在品嚐美味粽 子 的同 時，也能感受到濃濃的端午節情。 您的品牌代表: 謝謝主持 人 ，也祝福所有聽眾朋友端午佳節愉快，闔家安康！ (Podcast 音 樂再次響起，約 10 秒，逐漸淡出) 主持 人 : 再次感謝 安強粽 子 帶來的精彩分享。今天的「端午飄香，粽情粽意」就到這邊告 一 段落了。祝 大 家端午節快樂，我們下期節 目 再 見 ！
- 73. 注意事項 •請選擇 Chirp3-HD 的語 音 避免選 Standard 與 Wavenet 的語 音 中 文 請選擇 cmn-CN-Chirp3-HD cmn-TW 只有 Wavenet •Chirp3-HD 不 支 援 SSML 但有 自 己 的控制 方 式 語 音 合成標記語 言 (Speech Synthesis Markup Language) https://cloud.google.com/text-to-speech/docs/list-voices-and-types#chirp3_hd_voices
- 74. 注意事項 •Chirp3-HD 不 支 援 SSML 語 音 合成標記語 言 (Speech Synthesis Markup Language) 但有 自 己 的控制 方 式 •如果有特殊 用 字， 可以 自 訂發 音 https://cloud.google.com/text-to-speech/docs/chirp3-hd#pause_control
- 76. import os from google.cloud import texttospeech # 設定您的 Google Cloud 服務帳 戶 金 鑰檔案路徑 # os.environ["GOOGLE_APPLICATION_CREDENTIALS"] = "/path/to/your/your-gcp-key.json" # 請將上述路徑替換為您的實際 金 鑰檔案路徑 def synthesize_speech(text, output_filename, voice_name, speaking_rate=1.0): """ 將 文 字轉換為語 音 並儲存為 音 訊檔。 Args: text (str): 要轉換的 文 字。 output_filename (str): 輸出 音 訊檔的名稱 (例如: "host_part1.mp3")。 voice_name (str): Google Cloud Text-to-Speech 的語 音 名稱 (例如: "cmn-TW-Wavenet-A")。 speaking_rate (float): 語 音 的速度，1.0 為正常速度。 """ client = texttospeech.TextToSpeechClient() synthesis_input = texttospeech.SynthesisInput(text=text) # 設定語 音 參數 voice = texttospeech.VoiceSelectionParams( language_code="zh-TW", # 中 文 (台灣) name=voice_name, ) # 設定 音 訊編碼 audio_config = texttospeech.AudioConfig( audio_encoding=texttospeech.AudioEncoding.MP3, speaking_rate=speaking_rate, ) response = client.synthesize_speech( input=synthesis_input, voice=voice, audio_config=audio_config ) # 將 音 訊內容寫入檔案 with open(output_filename, "wb") as out: out.write(response.audio_content) print(f" 音 訊已寫入: {output_filename}") # 您的 Podcast 逐字稿內容 [cite: 1] podcast_transcript = """ (略) """ # 您的 Podcast 逐字稿內容 [cite: 1] podcast_transcript = """ (略) """ # 分割逐字稿 lines = podcast_transcript.strip().split('n') host_parts = [] brand_representative_parts = [] current_speaker = None temp_text = "" for line in lines: line = line.strip() if not line: continue # 忽略 音 效和 音 樂標記 if line.startswith("(Podcast 音 樂") or line.startswith("(掌聲 音 效)"): continue if line.startswith("主持 人 :"): if current_speaker == "品牌代表" and temp_text: brand_representative_parts.append(temp_text.strip()) temp_text = "" current_speaker = "主持 人 " temp_text += line.replace("主持 人 :", "").strip() + " " elif line.startswith("您的品牌代表:"): if current_speaker == "主持 人 " and temp_text: host_parts.append(temp_text.strip()) temp_text = "" current_speaker = "品牌代表" temp_text += line.replace("您的品牌代表:", "").strip() + " " elif current_speaker: # 處理多 行 對話 temp_text += line.strip() + " " # 將最後 一 段對話加入列表 if current_speaker == "主持 人 " and temp_text: host_parts.append(temp_text.strip()) elif current_speaker == "品牌代表" and temp_text: brand_representative_parts.append(temp_text.strip()) # 為主持 人 生 成 音 訊 host_voice_name = "cmn-CN-Chirp3-HD-Puck" # 選擇 一 個適合主持 人 的聲 音 for i, text in enumerate(host_parts): synthesize_speech(text, f"host_part_{i+1}.mp3", host_voice_name) # 為品牌代表 生 成 音 訊 brand_representative_voice_name = "cmn-CN-Chirp3-HD-Charon" # 選擇 一 個適合品牌代表的聲 音 for i, text in enumerate(brand_representative_parts): synthesize_speech(text, f"brand_representative_part_{i+1}.mp3", brand_representative_voice_name)
- 80. Audacity 技巧 •多軌功能 (Multi-track) •切割 (Split) • 音 調與速度 (Pitch and Speed) • 音 量調整 (Envelope Tool) •迴響效果 (Reverb) https://support.audacityteam.org/music/working-with-audio-loops/making-audio-loops https://manual.audacityteam.org/man/change_speed.html https://manual.audacityteam.org/man/tutorial_using_multi_track.html
- 82. 在 Google I/O 2025 之後... 我只好推翻之前的簡報 🥲 因為 Google 他幫你做好了
- 87. 端午節快樂！ Q & A
- 91. 範例使 用 的 音 效 & 音 樂 •Claps - martinsbea(Freesound) https://pixabay.com/sound-e ff ects/claps-44774/ •Chinese New Year - LP-Studio-music https://pixabay.com/music/world-chinese-new-year-284910/ • Chirp3 語 音 使 用 cmn-CN-Chirp3-HD-Puck cmn-CN-Chirp3-HD-Charon 👏 🎵