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

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

[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 彰化場五月小聚

Avatar for Johnny Sung

Johnny Sung

May 24, 2025
Tweet

More Decks by Johnny Sung

Other Decks in Technology

Transcript

  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 👏 🎵