Upgrade to Pro — share decks privately, control downloads, hide ads and more …

[GDG Build with AI] 善用現代 AI 科技:打造專屬行銷工具箱 @ GDG ...

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →

[GDG Build with AI] 善用現代 AI 科技:打造專屬行銷工具箱 @ GDG Changhua 彰化

在數位行銷不斷演化的今天,內容需求快速上升、產製壓力倍增,生成式 AI 正顛覆傳統行銷流程。這場演講將帶大家認識如何運用 AI 工具,協助個人品牌、自媒體與小型團隊,以更低的門檻與更高的效率,完成行銷內容的企劃、製作與發佈。
我們將聚焦兩個實用場景:首先介紹如何透過 Firebase Studio 快速建置具互動性的行銷網站,讓非工程背景者也能整合表單、內容與基本會員功能,打造符合品牌需求的網站平台;接著展示如何運用 Chirp 3: HD Voices 將文字轉換為自然語調的 Podcast,讓一人也能完成節目製作。
透過這些實例,我希望提供實際可用的工具思維與應用策略,幫助行銷工作者在 AI 時代建立屬於自己的行銷工具箱,讓創意與執行力再進化。
PS:如果要聆聽自己做的 Podcast ,請自備耳機 🎧

5/24 (六) Build with AI 2025 彰化場五月小聚

Johnny Sung

May 24, 2025

Transcript

91 slides
  1. Full stack developer Johnny Sung (宋岡諺) https://fb.com/j796160836 https://blog.jks.co ff ee/

    https://www.slideshare.net/j796160836 https://github.com/j796160836
  2. 大 綱 •跟 AI 一 起 工 作! •製作網站 •關於

    行 銷 •做 一 個 自己 的 Podcast
  3. 個 人 Consumers 開發者 Developers 企業 Enterprises Gemini Google AI

    Studio Firebase Studio Gemini for Google Cloud Vertex AI
  4. 原本 工 作流 部落格 Blog 官 方 網站 Website Podcast

    社群帳號 (FB, IG, LINE … ) … 擬稿 創意發想 製作品牌識別 宣傳 下廣告 SEO 觀察回饋 商業合作 …
  5. 跟 AI 一 起 工 作! 部落格 Blog 官 方

    網站 Website Podcast 社群帳號 (FB, IG, LINE … ) … 擬稿 創意發想 製作品牌識別 宣傳 下廣告 SEO 觀察回饋 商業合作 … Firebase Studio Gemini Google AI Studio
  6. AI 能幫你做什麼? •寫 文 稿 •寫歌詞 •寫程式 • 生 成圖

    片 (對 比 傳統攝影 繪圖) • 生 成影 片 •整理摘要 •圖 片 辨識
  7. 文 案怎麼寫?我沒辦法幫你寫 •SEO 關鍵字 Search Engine Optimization (搜尋引擎優化) •帶 入行

    銷漏 斗 概念 AIDA = Attention、Interest、Desire、Action •觀察別 人 怎麼寫(搜集各種案例) •使 用 精確數字 •諧 音 梗 https://www.hububble.co/blog/marketing-funnel
  8. 叫 AI 幫你寫! •把事情的原委、 目 標講清楚,儘量補充細節 • 角色 扮演「你是 一

    個專業的 行 銷專家...」 •換 方 式提問,換個 方 式說 •換個模型問問看 https://thenounproject.com/icon/ai-7772941/
  9. 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?
  10. 使 用 中 文 設計 一 個粽 子 的 Logo,以原始粽

    子 三 角 形原始形狀為底,可愛 手 繪 風 ,背景為 白色
  11. 小 技巧:把它翻成英 文 試試! •因模型訓練資料以英 文 語料的佔 比 較 高

    , 先把 prompt 翻成英 文 再輸 入 ,會有意想不到的效果 😊
  12. 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. 翻譯成英 文
  13. 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. 翻譯成英 文
  14. 行 銷名詞(量化指標) •Impressions 曝光次數 (瀏覽次數) •Click 點擊次數 •Call to Action

    (CTA) 行 動呼籲 https://www.design-hu.com/web-news/20-digital-advertising-term-2.html
  15. 行 銷名詞(廣告投放) •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
  16. 設定 Call to Action (CTA) •希望客 人 做的關鍵動作 •希望客 人

    做什麼? •購買 / 加 入 會員 / 訂閱電 子 報
  17. 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
  18. 端午飄香,粽情粽意: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 秒,逐漸淡出) 主持 人 : 再次感謝 安強粽 子 帶來的精彩分享。今天的「端午飄香,粽情粽意」就到這邊告 一 段落了。祝 大 家端午節快樂,我們下期節 目 再 見 !
  19. 注意事項 •請選擇 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
  20. 注意事項 •Chirp3-HD 不 支 援 SSML 語 音 合成標記語 言

    (Speech Synthesis Markup Language) 但有 自己 的控制 方 式 •如果有特殊 用 字, 可以 自 訂發 音 https://cloud.google.com/text-to-speech/docs/chirp3-hd#pause_control
  21. 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)
  22. Audacity 是 一 款免費、開放原始碼且跨平台的 音 訊編 輯軟體。它功能強 大 ,能錄製現場 音

    訊、編輯現有聲 音 檔案,並 支 援多種檔案格式。你可以 用 它來剪輯、 混 音 、調整 音 量、降噪,以及套 用 各種 音 效。不論你 是 音 樂 人 、播客製作者,或是單純想處理 音 訊檔案, Audacity 都是 一 個相當實 用 且易於上 手 的 工 具。
  23. 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
  24. 範例使 用 的 音 效 & 音 樂 •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 👏 🎵

More Decks by Johnny Sung

Other Decks in Technology