Google Ads搜尋關鍵字廣告設定

當我們有需要被解決的需求，像牙齒痛，想知道哪裡有診所可以治療?
要買電視，想知道電視的商品資訊及評價?多數人會使用Google搜尋引擎搜尋找解答，用戶搜尋意圖明確，因此在Google搜尋引擎可以接觸到精準的潛在顧客，已是電商品牌行銷布局必要的媒體工具之一。

想投放Google搜尋關鍵字廣告卻不知道要怎麼開始？本篇整理我投放Google關鍵字廣告設定過程，現在就來製作第一則廣告吧~

投放廣告前準備事項

1. 訂好廣告目標

業主想提升網站流量，投放以流量為主的搜尋廣告及點擊出價做設定，
需依照廣告目標，選擇適合的廣告類型及出價策略，才能提升廣告投放的效益!

It is an interesting hook called useSyncExternalStore came from React 18. After I went through the doc, I had totally no idea about how to use it and why it works. Luckily, I got a task I thought I can use this hook, and meanwhile I traced the source code to understand useSyncExternalStore implementation. In this article, I will explain how it works internally and show a demo which is differ from the doc.

• useSyncExternalStore source code
• useSyncExternalStore demonstration
• Conclusion

/* English below */

2023結束了，案子每天都在趕進度，配合發布記者會時程，除了開發新服務、還要改寫翻新原有的舊服務。2023可以說是個很累也很穩定的一年，這邊紀錄跟回顧一下。

Google Ads廣告帳戶基本設定

數位科技蓬勃時代，多數人大部分時間都在使用手機及社群媒體分享生活圈維持情感連繫，品牌電商想要快速累積知名度及訂單，在社群或搜尋引擎投放廣告是最快達成成效的行銷方式，那要選擇哪個廣告平台呢?

如果你的廣告預算有限，可以先從受眾精準的Google ads搜尋廣告開始 !

Google Ads搜尋廣告優點

• 付費方式多元
  除了信用卡刷卡付費，也可以使用預先儲值廣告費用在廣告帳戶扣款方式付費 ，廣告帳戶有餘額廣告才會放送，不怕增加廣告花費。

• 投放受眾更精準
  搜尋廣告投放方式是顧客在Google搜尋引擎主動搜尋你設定的關鍵字，點擊出價高及廣告品質分數高，廣告才會曝光，顧客有點擊廣告才會收費。

I used to implement I18n with next-i18next in Next.js. However, after upgrading Next.js 13, there is no need for next-i18next. Instead, you can directly use i18next and react-i18next by this tutorial. Meanwhile, the official doc shows how to use internationalization in app dir. and also provide an example of using next-intl. In this blog, I’ll demostrate how to use next-intl in Next.js 13 app dir.

react.dev was released on March 17. I’ve read the beta version for a while. I love the Escape Hatches section which has many correct and recommended usages about react hooks. After new react.dev released, I noticed that there’s no translation. I haven’n played OpenAI API yet, so I think this is a good opportunity to play ChatGPT with its translation feature for react.dev.

TOC

• Ask ChatGPT first
• Build a CLI
• Learn the Token
• Chunk the markdown
• Conclusion
• References:

Today, We’re going to introduce the way to use a great and useful React hook - useImperativeHandle. Have you ever think what is meaning of Imperative?

Imperative
In grammar, a clause that is in the imperative, or in the imperative mood, contains the base form of a verb and usually has no subject. Examples are ‘ Go away’ and ‘ Please be careful’. Clauses of this kind are typically used to tell someone to do something.

So we can just think useImperativeHandle is Let ref access the handle. Go back to useImperativeHandle definition:

useImperativeHandle is a React Hook that lets you customize the handle exposed as a ref.

Right? Okay, before starting it, we have to recap how we do if we don’t use it.

On our previous post shows how to integrate firebase with docker. This article we will integrate Next.js with firebase, and then deploy app with Github actions. In this webapp, we can input cryptocurrency name, and upload logo, and therefore we use firestore to save Tokens collection and Cloud Storage to save logo images.

Last year, I got a case to use firebase and firestore with Next.js. I’ve been fullstack many years, so I haven’t tried to use firebase and firestore. There was a great chance to give it a try.

In this article I’ll show how to use firebase and firestore in Docker and Next.js. If you don’t have backend support, or you don’t want to build whole backend, database, and infrastructure, you would probably think this is a useful way.

終於在年節時間把這個部落格升級到Hexo 6.2了！2019年建立這個部落格那時候還是用Hexo 4，前年曾經升級到Hexo 5，並且嘗試把hexo-theme-materialize一起升級到v4，不料這次theme升級幅度有點大，hexo-theme-materialize v4他們把Stylus都給改成scss，還改成了webpack，升級沒這麼順利，所以當時就只有先把Hexo從4升級到5.2。這次九天連假，前兩天就把動畫追完，後面只好把之前欠的補一補了。