手把手教你JavaScript(6):邏輯運算子

手把手教你JavaScript(6):邏輯運算子
手把手教你JavaScript(6):邏輯運算子

想學JavaScript卻不知從何下手?看完這一系列教學文一定對你的程式之路很有幫助的!!(6)

邏輯運算子

JavaScript 中的邏輯運算子,又稱作「布林運算字(Booleen Operators)」,可用來評估表達式,並且回傳 true 或是 false。

邏輯運算子 敘述
&& and 運算子:若兩個運算元為真,則回傳「ture」
|| or 運算子:若其中一個運算元為真,則回傳「ture」
! not 運算子:若運算元不為真,則回傳「ture」

上表中的JavaScript 運算子,範例如下所示,前兩個分別為「and 運算子」、「or 運算子」連接兩個布林表達式,最後一個為「not 運算子」接一個布林表達式

See the Pen 邏輯運算子|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

條件運算子

也有一種JavaScript教學的邏輯運算子為「條件運算子」,會根據指定的條件而指派一個值給一個變數,寫法如下:

 variable = (什麼樣的條件) ? 第一個值:第二個值

範例如下所示:

See the Pen 條件運算子|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

 

在以上例子中,如果變數 age 的值小於 18 的話,則變數 isAdult 的值將為「未滿18不得入場」,若變數 age 的值為 18 以上的話,則變數 isAdult 的值將為「18歲以上可以入場」。

 

欲知更多JavaScript教學文章,請到本部落格首頁搜尋喔~

 

 

 

其他閱讀

Python控制結構1.布林值Boolean-True or False?

Python控制結構2.if else條件判斷(1)

Python控制結構2.if else條件判斷(2)

Python控制結構3.布林邏輯:and,or,not

Python控制結構4.運算子優先順序(Operator precedence)一覽

Python控制結構5.while 迴圈

Python控制結構7.List串列與其他運算子的應用

Python控制結構8.List-append,insert,index,len函數

Python控制結構9.Range數列生成

Python控制結構10.for迴圈

Python控制結構11.實作簡單的計算機

 

 

 

手把手教你JavaScript(5):賦值運算子

手把手教你JavaScript(5):賦值運算子
手把手教你JavaScript(5):賦值運算子

想學JavaScript卻不知從何下手?看完這一系列教學文一定對你的程式之路很有幫助的!!(5)

賦值運算子

JavaScript 中的賦值運算子,賦值運算符是「=」。第一次接觸程式碼的人可能會以為它是「等於」,其實不是。它實際上意味著把右邊表達式的值賦給左邊的運算數。

JavaScript賦值運算子 敘述 範例
x = y x = y
+= x += y x = x + y
-= x -= y x = x – y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y

你可以在JavaScript 中的同一行中,使用多種運算子,如在下面例子所示:

<

See the Pen 賦值運算子|Math Operator|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

你也可以運用JavaScript教學中的多種變數,例子如下:

See the Pen Addition-2|Math Operator|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

 

欲知更多JavaScript教學文章,請到本部落格首頁搜尋喔~

 

 

 

其他閱讀

Python控制結構1.布林值Boolean-True or False?

Python控制結構2.if else條件判斷(1)

Python控制結構2.if else條件判斷(2)

Python控制結構3.布林邏輯:and,or,not

Python控制結構4.運算子優先順序(Operator precedence)一覽

Python控制結構5.while 迴圈

Python控制結構7.List串列與其他運算子的應用

Python控制結構8.List-append,insert,index,len函數

Python控制結構9.Range數列生成

Python控制結構10.for迴圈

Python控制結構11.實作簡單的計算機

手把手教你JavaScript(4):數學運算子

手把手教你JavaScript(4):數學運算子
手把手教你JavaScript(4):數學運算子

想學JavaScript卻不知從何下手?看完這一系列教學文一定對你的程式之路很有幫助的!!(4)

數學運算子

JavaScript 中的數學運算子,作用是對數字(文字的形式或是變數的形式)進行函式運算。

運算子 敘述 範例
+ 加號 1 + 1 = 2
減號 2 – 1 = 1
* 乘號 2 * 3 = 6
/ 除號 10 / 2 = 5
減去 var a = 10; a–; Now a =9
% 餘數 20 % 3 = 2
++ 遞增 var a = 10; a++; Now a =10
遞減 var a = 10; a–; Now a =9

在下面例子中,加號運算子是用來決定兩個數的和:

See the Pen Addition|Math Operator|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

你也可以運用多種變數,例子如下:

See the Pen Addition-2|Math Operator|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

承第一個例子,假如我們把「var x = 20 + 30」使用字串表示,變成「var x = “20 + 30″」的話,答案就不會是 20 + 30 的和,而是以字串形式呈現如下:

See the Pen Addition-string|Math Operator|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

 

減、乘、除運算子

四則運算中,除了上述介紹的加號運算子外,JavaScript 的減、乘、除運算子範例如下:

See the Pen 減、成、除運算子|Math Operator|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

 

遞增與遞減運算子

JavaScript教學 的遞增運算子「++」把數值加一,至於運算元的前後,意義各異:要是置於運算元的前方,則回傳被遞增的值;要是至於運算元的後方,則回傳原值,然後才遞增運算子。這樣解釋看似模糊,請見範例如下:

把遞增運算子放在運算元「y」前方的例子:

See the Pen 遞增運算子++var|Math Operator|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

把遞增運算子放在運算元「y」後方的例子:

See the Pen 遞增運算子var++|Math Operator|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

 

同理,遞減運算子「–」則是把數值減一,於運算元的前方,則回傳被遞減的值;要是至於運算元的後方,則回傳原值,然後才遞減運算子,範例如下:

把遞減運算子放在運算元「y」前方的例子:

See the Pen 遞減運算子–var|Math Operator|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

 

把遞減運算子放在運算元「y」後方的例子:

See the Pen 遞減運算子var–|Math Operator|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

 

欲知更多JavaScript教學文章,請到本部落格首頁搜尋喔~

 

 

 

其他閱讀

不可錯過的Google Ads認證全攻略在這裡(下)

不可錯過的Google Ads認證全攻略在這裡(下)
不可錯過的Google Ads認證全攻略在這裡(下)

今天要來介紹Google Ads認證和其五種廣告類型~千萬別錯過喔~(下)

為何我們會想寫這篇文章?

根據台灣數位媒體應用暨行銷協會(DMA)公布的報告顯示,台灣 2018 年整體數位廣告量(如 Google Ads)達 389 億台幣,比起 2017 年的 330.97 億再創新高。無論是老品牌還是新品牌,都因數位行銷打破價格、時間、地理的限制,在有限的預算下還能找到目標客戶而快速竄起、或是再造事業第二春。

本篇目錄

本篇為不可錯過的Google Ads認證全攻略在這裡(上)的下集,上集介紹了傳統行銷與數位行銷的差異,以及解釋 Google Ads 認證為何是行銷新手轉行數位行銷的門票。以下介紹 Google Ads 的五種廣告格式

 

Google 搜尋聯播網廣告 (關鍵字廣告)

每當你在 「Google 搜尋引擎」或 「Google 搜尋夥伴網站」輸入關鍵字詞後,會出現搜尋結果頁面。你會發現:有些搜尋結果被標示了「廣告」。這些被標示「廣告」的搜尋結果,就是「Google 搜尋聯播網廣告 (關鍵字廣告、Google Search Network,GSN)」。這些廣告與你搜尋的關鍵字相關。

優點

  • 消費者因需求而搜尋特定的關鍵字,這些廣告與這些關鍵字相關,也意味者與搜尋這些字的消費者的需求相關,因此也能帶來較精準的流量,並非亂槍打鳥。
  • 即時性高,當公司有限時活動、新產品推出時,廣告主可在短時間內(2天以內,有時不到一天)上架關鍵字廣告,曝光活動或產品。若使用 SEO 的手法來增加曝光,則需要一到兩個月的時間發酵。
  • 每次曝光、點擊、費用都會被記錄,最後以數據化呈現報表。有人點擊才會收費,可讓廣告主每分錢都花在刀口上,也可即時依數據調整廣告。
  • 消費者輸入關鍵字才會曝光,屬於被動性質,不會打擾到消費者並造成他們反感。

在預算有限的情況下,又想要追求精準的轉換率與投報率時,可以考慮使用「關鍵字廣告」。廣告能將 slogan、產品、服務資訊、活動內容等曝光。廣告文案的撰寫、選擇哪些關鍵字,就是廣告是否能吸引到受眾的關鍵。

 

Google 多媒體聯播網廣告 (GDN 廣告)

很多時候,我們上網的目的並非僅僅是為了搜尋某些事物,可能是要上新聞網站看新聞、3C論壇看資訊、Youtube 上看影片、電商網站購物、社群網站看親友動態、或是使用 APP 等。Google 多媒體聯播網廣告 (GDN廣告) 就可以以多種格式(文字、圖片、影片等)顯示在多個網站或 APP 的廣告版位、或是影片的內容中。根據 Google 官方資料所示,目前多媒體廣告聯播網由超過兩百萬個網站集結而成,可觸及超過 90% 的網路使用者。

由於多媒體廣告聯播網的觸及範圍廣大,因此廣告主在投放廣告前,可先指定目標以讓廣告向特定類型的訪客投放(例如年輕客層、女性客層等)、或在特定的情境/內容中放送廣告(例如重機相關內容)、甚至還可指定顯示在特定的網站上 (例如紐約時報 NYtimes.com 上的自選刊登位置)。

優點

  • 量觸及潛在客戶,所以廣告主只要全心投注於廣告活動、廣告品質優化,透過吸睛的圖片影片、吸引人的文案,來引發消費者需求即可輕鬆達到廣告目標。
  • 點擊付費制,可有效節約廣告費用。而廣告在大量觸及潛在客戶的同時,也獲得免費的曝光機會。
  • 可設多重條件(顧客輪廓、內文比對、興趣、主題、指定網站等),精準鎖定目標客群,提升轉換率。
  • 跨媒體裝置追蹤,不管用戶使用電腦或平板、手機等行動裝置, GDN 廣告能透過標記,對使用者進行再行銷(白話解釋,就是再次的廣告觸及)來拓展商機。根據調查:回訪客的轉換率為處次訪客轉換率的三倍。

在網站剛成立好、知名度與流量皆低的時期,可以考慮投放 GDN 廣告來衝知名度。圖片廣告單次點擊成本,相對關鍵字廣告會便宜許多。

 

Google 購物廣告 (Shopping Ads)

購物廣告可說是關鍵字廣告的延伸,每當用戶在 「Google 搜尋引擎」輸入關鍵字詞後,會出現搜尋結果頁面的最上方。與關鍵字廣告不同的是,這些廣告上面有圖片、品名、價格以及商家名稱。Shopping Ads 是 Google 專為擁有實體產品的完整規模的電商網站所打造的廣告投放模式,加上以圖片為主,又在搜尋結果頁最上方的黃金版位,比起純文字廣告更吸引用戶目光。

優點

  • Google 搜尋結果頁最上方顯示出商品圖片,比純文字的關鍵字廣告更吸引用戶目光;圖片下方顯示商品資訊與電商名稱,順便也增加品牌曝光度。潛在客戶點擊後直接進入電商網站,讓有意願消費的顧客直接在網站上快速完成消費,提高網站轉換率。廣告主可藉由一個 Shopping Ads 達到品牌曝光率上升、轉換率上升的雙重效果。
  • 廣告主只需把 Google Ads 與 Merchant Center 串接好,廣告主無需另外花時間設定關鍵字,Google 即會自動比對商品名稱與用戶搜尋的關鍵字,若這兩著關聯性高,購物廣告就會自動播放,讓電商平台非常好上手。

 

Google 應用程式安裝廣告(App 廣告)

若你有 APP 應用程式,想要推廣下載安裝的話,就透過 Google 應用程式安裝廣告吧!廣告主只要在 App Store 或 Google Play 上架應用程式,Google 就能自動抓取應用程式的資料,自動生成廣告內容、自動尋找目標受眾,廣告主只需添加幾行文字、設定出價並提供一些素材資源,廣告即可在 Google 的各大資源上 (包含 Google 搜尋聯播網、GDN、Google Play、YouTube) 上曝光。而 Google 系統會利用應用程式商店中的資訊,找出最佳廣告位置,廣告主不需另外再設定關鍵字、位置等。

這種 APP 廣告只會出現在行動裝置上,不會出現在電腦版。

優點

  • Google 系統會運用廣告主的廣告文字提案和素材資源,自動測試各種素材資源組合而設計出多種格式的廣告並在眾多資源中放送,有效簡化程序、增加下載率。

 

Google Youtube 影音廣告

Youtube 是隸屬於 Google 的影音平台,根據 Google 官方資料,每個月有破 10 億人觀看超過 60 億小時的YouTube 影片。這些數據顯示了動態影片受到許多用戶青睞,因此若預算足夠的話,廣告主千萬不要放棄使用影音廣告來曝光自家產品的機會!

且一半以上的 YouTube 影片觀看次數來自行動裝置,這表示有許多在家、在外活動的潛在客戶尚待開發,而您可以設定影片廣告播放的時間、位置,並鎖定讓某些潛在客群觀賞。

大多數 Youtube 影片都會有五秒的時間自動播放廣告影片,五秒過會顯示「掠過廣告」按鍵,讓用戶決定是否繼續看下去。用戶在看了影片超過 30 秒或與影片有互動時,Google 才會向廣告主收取費用。

優點

  • 每當用戶看 Youtube 影片前,廣告影片會有五秒的播放時間。因此廣告會得到一定時間的曝光時機;加上用戶看三十秒後或是與影片有互動時,廣告主才需要付費,可有效、彈性的控制廣告預算,相較於傳統電視廣告數十萬起跳,業主即使在有限的預算下,一樣可投放影音廣告。
  • 與 GDN 廣告一樣,業主可根據年齡、性別、地區、興趣等條件來鎖定投放的目標對象(如潛水愛好者、常看吉他教學影片的音樂人、新婚者等等),讓影片廣告可精準投放。

Youtube 影音廣告與 GDN 廣告都屬於「業主主動投放、消費者被動觀看廣告」的性質,加上拍片的成本總是比純文字、圖片來得高。若預算真的很有限,建議先投放「消費者主動搜尋、業者廣告被動顯示」的關鍵字廣告或是購物廣告。「主動」搜尋的消費者需求往往比被動受眾來得強烈!

 

轉行數位行銷的第一步:取得 Google Ads 認證

以上概述了目前 Google 五種廣告的類型,至於本文最前面所提到的「Google Ads 認證」,是以上五種廣告都要測驗嗎?對於完全沒有數位行銷經驗的初心者要從何下手?

事實上,要獲得 Google Ads 認證,只要通過兩項 Google Ads 認證測驗即可。這兩項包含 「Google Ads 入門測驗」,內容是 Google Ads 廣告的通則、另一項則是從以上 Google 五種廣告(搜尋廣告、多媒體廣告、行動廣告 、影音廣告或購物廣告)中,任選一項做進階測驗。

針對「 Google Ads 認證」,坊間有不少教材。但是數位行銷的領域隨著時間不斷變化,Google 廣告服務也在這 18 年不斷隨著市場需求而不斷更替。Google Ads 認證也是在去年才由原本的「Google Adwords 認證」改名成「Google Ads 認證」,因此考題內容也隨之變化。因此很難保證這些教材是符合最新版的「Google Ads 認證」考試。

對於想要快點拿到「Google Ads 認證」、順利轉行數位行銷領域的人來說,能在有限的時間內,朝正確的方向學習才是重點。況且隔行如隔山,數位行銷領域也有許多專有名詞,需要專業的老師教學、解題、帶領複習,才能增加考取證照的機會。好在目前國內有機構,聘任經驗豐富的行銷專家開假日密集課程,帶領學員們兩天內順利取得「Google Ads 認證」(Google Ads 認證保證班介紹)。因此無論你是學生、還是在職中、或是待業中,只要有心轉戰行銷領域,都可以來取得「Google Ads 認證」。

 

此篇文章為下篇!!還沒讀上篇的讀者要記得看喔~

 

 

 

其他閱讀

不可錯過的Google Ads認證全攻略在這裡(上)

零基礎如何花14小時考取Google Ads認證? 五種Google Ads廣告不私藏攻略!!

從無到有挑戰14小時考取Google Ads認證

網路行銷秘訣大公開(一):概論與內容行銷

網路行銷課程告訴你3D虛擬人偶APP—-Zepeto是怎麼爆紅的!!

白帽SEO黑帽SEO到底差在哪? 不都一樣是SEO嗎?網路行銷課程小常識

美國NASDAQ上市公司、外商IT教育培訓企業

手把手教你JavaScript(3):資料類型

手把手教你JavaScript(3):資料類型
手把手教你JavaScript(3):資料類型

想學JavaScript卻不知從何下手?看完這一系列教學文一定對你的程式之路很有幫助的!!(3)

資料類型

「資料類型(Data Types)」是關於一個可以運行的程式中的值的種類。JavaScript 變數可支援各種資料類型,例如數字(類型)、字串(類型)、陣列(類型)等。

不同於其他的程式語言,JavaScript 不會特別因「不同的數值類型(如整數、數值長短、浮點等)」而賦予不同的定義。

JavaScript 的數值,可以帶小數點的或是整數的形式呈現

See the Pen Data Type-1 by Tedutw (@Tedutw) on CodePen.

浮點數

JavaScript的數字可以有小數點,如下例所示

See the Pen Float|Data Value|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

字串(Strings)

JavaScript「字串(Strings)」被用以承裝、處理文字。

一個字串可以是引號中的任何文字。這對引號可以使用單引號或是雙引號,如下範例:

var name = 'Márquez';
var text = "His name is Marc Márquez";

你可以在引號中,再加入引號。如單引號中加入雙引號、雙引號中放置單引號。只要兩種引號不要一樣就好。

var text = "His name is 'Marc Márquez'";
var text = 'and his opponent's name is "Valentino Rossi"';

承上例,除了使用不同樣式的引號外,我們還可以使用反斜杠(\),如下所示:

var text = "His name is \"Marc Márquez\"";
var text = 'and his opponent's name is \'Valentino Rossi\';

布林值(Booleans)

JavaScript教學「布林值(Booleans)」中,我們可以擁有一到兩個值:不是 true 就是 false。

Booleans 適用於當你需要一個資料類型,而該資料類型又只有兩個值(如「是或不是」、「對或錯」)的場合時。範例如下:

See the Pen Booleans|Data Value|JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

 

 

欲知更多JavaScript教學文章,請到本部落格首頁搜尋喔~

 

 

 

其他閱讀

不可錯過的Google Ads認證全攻略在這裡(上)

不可錯過的Google Ads認證全攻略在這裡(上)
不可錯過的Google Ads認證全攻略在這裡(上)

今天要來介紹Google Ads認證和其五種廣告類型~千萬別錯過喔~(上)

為何我們會想寫這篇文章?

根據台灣數位媒體應用暨行銷協會(DMA)公布的報告顯示,台灣 2018 年整體數位廣告量(如 Google Ads)達 389 億台幣,比起 2017 年的 330.97 億再創新高。無論是老品牌還是新品牌,都因數位行銷打破價格、時間、地理的限制,在有限的預算下還能找到目標客戶而快速竄起、或是再造事業第二春。

本篇目錄

為何「網路行銷」、「數位廣告」取代了「傳統行銷」?

為何近年來數位行銷的崛起已取代了傳統行銷?我們先來了解一下兩者的本質吧!過去的傳統行銷範圍從廣告傳單、路邊的廣告看板,報章雜誌的廣告、到電視廣告等等,投放成本都不低,尤其是在尖峰時段播放的廣告、或是黃金地段的廣告看板……根本就是天價啊!只有少數大企業才玩得起。

那投出這麼多的行銷成本,轉換是否也成正比?當然,答案是不一定。因為要用以上的傳統廣告找到目標客戶,就像亂槍打鳥,無法設定目標客群,只能靠著大量曝光或是另外聘僱業務,看來又是一筆大支出。

現在網路發達,4G、5G 接連出現,幾乎每個人都有一台手機、平板或筆電等的數位裝置,因此現在大家傾向於使用 Google 搜尋所需的資訊、用 Youtube 觀看影片,電視幾乎到了被淘汰的窘境。「數位行銷」又稱作「網路行銷」,就是透過網路作為行銷媒介的行銷方式。

數位行銷的型態多元,包含 Google 、Yahoo 等關鍵字廣告、Youtube 播放影片前的短片廣告、社群(如 Facebook 粉絲團或廣告)、SEO 關鍵字優化等等,具有門檻低、收費彈性、不受時間空間限制、可設定廣告受眾等優點。

零經驗搶食「數位行銷」大餅?這張 Google 證照是入場券!

數位行銷的市場有增無減,但是工具實在是太多元,對一個零經驗想轉職數位行銷者,實在是有選擇障礙。數位界的老大哥 Google 推出的「Google Ads 認證」取得門檻低、加上又有Google 大品牌的公信力,絕對是數位行銷初心者入行的第一塊敲門磚。

根據 2017 年出爐的 Google 與益普索市場研究 (Ipsos) 進行的「台灣使用者搜尋行為報告」顯示出台灣人對 Google 的依賴:每天都會使用 Google 搜尋的台灣人高達 84%,其中近三成 (29%) 的人認為他們的生活中不能沒有 Google 搜尋。Google 自身亦有兩萬多個聯播網站,除了等用戶主動搜尋之外,也可以主動選擇目標客戶,輕輕鬆鬆將廣告投遞到任一角落。

若是投遞了 Google 廣告,就等於這些高達 84% 的台灣人,都可能在 Google 搜尋上看到你的廣告!除了等待這些 84% 的人「主動上門」之外,你也可以主動出擊,將廣告投遞到你所設定(地區、性別年齡等等都可以設定)的「目標受眾」,增加轉換率。難怪數位行銷業對於「Google Ads 認證」的需求,永遠不會減少。

已不再只是 Google AdWords 的 Google Ads,還包含哪些?

Google 的廣告服務可追朔至 2000 年,當時開始有 Google AdWords 關鍵字廣告服務,方法是在搜尋引擎置入純文字的廣告,隨著這 18 多年的演進,Google 的廣告方式已擴展到五種:關鍵字廣告、GDN 廣告、Shopping Ads、Youtube 廣告、App 廣告。 Google AdWords 關鍵字廣告也在 2018 年 7 月改名為 Google Ads。

廣告投放形式有5種:搜尋聯播網、多媒體、影片、行動、購物廣告。最常見的就是搜尋聯播網廣告。特點是收費皆採 CPC 計價,有點擊才有付費。目前的 Google Ads 有五種,除了關鍵字廣告外,還有哪些格式?介紹如下集,不可錯過的Google Ads認證全攻略在這裡(下)

 

文章還沒結束喔!!記得點選上方連結到下篇文章~

 

 

 

其他閱讀

不可錯過的Google Ads認證全攻略在這裡(下)

零基礎如何花14小時考取Google Ads認證? 五種Google Ads廣告不私藏攻略!!

從無到有挑戰14小時考取Google Ads認證

網路行銷秘訣大公開(一):概論與內容行銷

網路行銷課程告訴你3D虛擬人偶APP—-Zepeto是怎麼爆紅的!!

白帽SEO黑帽SEO到底差在哪? 不都一樣是SEO嗎?網路行銷課程小常識

美國NASDAQ上市公司、外商IT教育培訓企業

手把手教你JavaScript(2):變數

手把手教你JavaScript(2):變數
手把手教你JavaScript(2):變數

想學JavaScript卻不知從何下手?看完這一系列教學文一定對你的程式之路很有幫助的!!(2)

變數

「變數(Variables)」可說是用來承裝資料數值的容器。在同一程式中,變數的值可以改變。

JavaScript教學 中,以「var」來宣告變數。寫法如下所示:

var x = 777;

在上述例子中,數值 777 被指定給變數 x。

JavaScript 對於字體的大小寫是敏感的,大小寫被視為不同的變數,例如變數「Name」與「name」被視為不同的變數。

等號

JavaScript 中,等號 (=) 被稱作「分配」運算子,而不是「等於」運算子。

例如,「x = y」就是「把數值 y 分配給 x」,而不是「y 等於 x」。

使用變數

現在,我們將一個值「777」分配給一個變數「x」,並將其輸出。程式碼與結果如下:

See the Pen var.js by Tedutw (@Tedutw) on CodePen.

為變數命名

JavaScript 的變數名稱,對於字體的大小寫是敏感的,大小寫被視為不同的變數。如下例,我們將 x 由小寫改為大寫,程式碼與結果如下:

var x = 100;
document.write(X);

See the Pen Naming Variables by Tedutw (@Tedutw) on CodePen.

因為大小寫不同的緣故,所以 x 與 X 被判定為不同的變數。因此上面的程式碼並沒有產出任何的結果。

JavaScript 變數命名原則:

  • 命名的第一個字,必須是英文字母、底線(_)或是貨幣符號($)。後續的字可以是英文字母、數字(注意:數字不能作為第一個字)、底線或是貨幣符號($)
  • 變數名稱不能包含一個算數或是邏輯運算子,像是加(+)減(-)乘(*)除(/)的的記號都不能用。注意:連接線(-)會被視為減號,因此命名中也不能含連接線。)
  • 變數名稱不能包含特殊符號,例如「my#num」、「num%」等。
  • 任何的 JavaScript 名稱都不能含有空白字元。
  • 以下圖片為「JavaScript 保留字」一覽表,表中的任何字都不能用於命名變數。

 

 
 

欲知更多JavaScript教學文章,請到本部落格首頁搜尋喔~

 

 

 

其他閱讀

手把手教你JavaScript(1):嵌入JavaScript

手把手教你JavaScript(1):嵌入JavaScript
手把手教你JavaScript(1):嵌入JavaScript

想學JavaScript卻不知從何下手?看完這一系列教學文一定對你的程式之路很有幫助的!!(1)

JavaScript 簡介

JavaScript 是目前最普遍的程式語言之一,常用於網頁前端開發。JavaScript 可為網頁添增互動元素、進行數據處理,還有創建各種應用程式(行動裝置 App、桌上型電腦的應用程式、遊戲等。)JavaScript教學可謂是非常重要呢!!

來寫你的第一個 JavaScript 程式!

首先,讓我們一起來使用 JavaScript 寫出第一支程式:讓瀏覽器上顯示「Hello World!」字樣,程式碼如下:

See the Pen My first JavaScript by Tedutw (@Tedutw) on CodePen.

由以上程式碼可知:函數「document.write()」可寫入字串在 HTML 檔案中。此功能可用於編寫文字檔案以及 HTML 檔。

如何在網頁中寫入 JavaScript 腳本

我們可以在 HTML 檔中,寫入任意數量的腳本(script,JavaScript 的別稱,也可以「.js」稱呼)。通常,腳本標籤「<script>…</script>」會放在 HTML 的 <head> 與 </head> 中間:

<html>
   <head>
     <script>
     </script>
   </head>
   <body>
   </body>
</html>

嵌入外部的 JavaScript

除了上述可直接在 HTML 檔案中寫入 JavaScript 腳本之外,我們還可以嵌入外部現成的 JavaScript 檔案。這類現成的 JavaScript 的檔案類型為 .js 檔。嵌入外部檔的語法為「<script src=”檔案名稱”>…</script>」,可以放在<head>…</head>標籤或是<body>…</body>標籤之內。舉例來說,現在我們要在 HTML 中嵌入外部的 .js 檔「demo.js」,寫法如下。

<html>
   <head>
     <script src="demo.js"> </script>
   </head>
   <body>
   </body>
</html>

至於外部現成的 .js 檔,檔中文字就不能包含<script>…</script>標籤了。承上例,這個外部的 .js 檔「demo.js」內容如下:

alert("Welcome to my page!");

則執行結果如下所示:

從外部置入 .js 檔的好處比在 HTML 檔內寫入 JavaScript 腳本還多,像是:

  1. HTML 原始碼與 JavaScript 分開放置,較好閱讀、維護
  2. 當 JavaScript 檔案被 cache 過後,網頁載入速度就會更快

JavaScript 中加入註解的方法

有時在程式碼中,我們會加入註解,告知該程式碼的作用。在「/ *」和「* /」之間編寫的所有內容,都將被視為註解,可以單行也可以多行。如下所示:

<script>
    /* 這個code
    會製造出一個
    上面寫著
    「Welcome to my page!」
    的訊息對話框 */
       alert("Welcome to my page!");
</script>

 

 

欲知更多JavaScript教學文章,請到本部落格首頁搜尋喔~

 

 

 

其他閱讀

Python控制結構1.布林值Boolean-True or False?

只要14個小時就可以成功考取Google Ads認證(下)

只要14個小時就可以成功考取Google Ads認證(下)
只要14個小時就可以成功考取Google Ads認證(下)

學行銷的人不可不知的Google Ads認證你聽過嗎?還不知道是甚麼的話快進來了解一下吧!!(下)

為何我們會想寫這篇文章?

根據台灣數位媒體應用暨行銷協會(DMA)公布的報告顯示,台灣 2018 年整體數位廣告量(如 Google Ads)達 389 億台幣,比起 2017 年的 330.97 億再創新高。無論是老品牌還是新品牌,都因數位行銷打破價格、時間、地理的限制,在有限的預算下還能找到目標客戶而快速竄起、或是再造事業第二春。

本篇目錄

本篇為只要14個小時就可以成功考取Google Ads認證(上)的下集,上集介紹了傳統行銷與數位行銷的差異,以及解釋 Google Ads 認證為何是行銷新手轉行數位行銷的門票。以下介紹 Google Ads 的五種廣告格式

 

Google 搜尋聯播網廣告 (關鍵字廣告)

每當你在 「Google 搜尋引擎」或 「Google 搜尋夥伴網站」輸入關鍵字詞後,會出現搜尋結果頁面。你會發現:有些搜尋結果被標示了「廣告」。這些被標示「廣告」的搜尋結果,就是「Google 搜尋聯播網廣告 (關鍵字廣告、Google Search Network,GSN)」。這些廣告與你搜尋的關鍵字相關。

優點

  • 消費者因需求而搜尋特定的關鍵字,這些廣告與這些關鍵字相關,也意味者與搜尋這些字的消費者的需求相關,因此也能帶來較精準的流量,並非亂槍打鳥。
  • 即時性高,當公司有限時活動、新產品推出時,廣告主可在短時間內(2天以內,有時不到一天)上架關鍵字廣告,曝光活動或產品。若使用 SEO 的手法來增加曝光,則需要一到兩個月的時間發酵。
  • 每次曝光、點擊、費用都會被記錄,最後以數據化呈現報表。有人點擊才會收費,可讓廣告主每分錢都花在刀口上,也可即時依數據調整廣告。
  • 消費者輸入關鍵字才會曝光,屬於被動性質,不會打擾到消費者並造成他們反感。

在預算有限的情況下,又想要追求精準的轉換率與投報率時,可以考慮使用「關鍵字廣告」。廣告能將 slogan、產品、服務資訊、活動內容等曝光。廣告文案的撰寫、選擇哪些關鍵字,就是廣告是否能吸引到受眾的關鍵。

 

Google 多媒體聯播網廣告 (GDN 廣告)

很多時候,我們上網的目的並非僅僅是為了搜尋某些事物,可能是要上新聞網站看新聞、3C論壇看資訊、Youtube 上看影片、電商網站購物、社群網站看親友動態、或是使用 APP 等。Google 多媒體聯播網廣告 (GDN廣告) 就可以以多種格式(文字、圖片、影片等)顯示在多個網站或 APP 的廣告版位、或是影片的內容中。根據 Google 官方資料所示,目前多媒體廣告聯播網由超過兩百萬個網站集結而成,可觸及超過 90% 的網路使用者。

由於多媒體廣告聯播網的觸及範圍廣大,因此廣告主在投放廣告前,可先指定目標以讓廣告向特定類型的訪客投放(例如年輕客層、女性客層等)、或在特定的情境/內容中放送廣告(例如重機相關內容)、甚至還可指定顯示在特定的網站上 (例如紐約時報 NYtimes.com 上的自選刊登位置)。

優點

  • 量觸及潛在客戶,所以廣告主只要全心投注於廣告活動、廣告品質優化,透過吸睛的圖片影片、吸引人的文案,來引發消費者需求即可輕鬆達到廣告目標。
  • 點擊付費制,可有效節約廣告費用。而廣告在大量觸及潛在客戶的同時,也獲得免費的曝光機會。
  • 可設多重條件(顧客輪廓、內文比對、興趣、主題、指定網站等),精準鎖定目標客群,提升轉換率。
  • 跨媒體裝置追蹤,不管用戶使用電腦或平板、手機等行動裝置, GDN 廣告能透過標記,對使用者進行再行銷(白話解釋,就是再次的廣告觸及)來拓展商機。根據調查:回訪客的轉換率為處次訪客轉換率的三倍。

在網站剛成立好、知名度與流量皆低的時期,可以考慮投放 GDN 廣告來衝知名度。圖片廣告單次點擊成本,相對關鍵字廣告會便宜許多。

 

Google 購物廣告 (Shopping Ads)

購物廣告可說是關鍵字廣告的延伸,每當用戶在 「Google 搜尋引擎」輸入關鍵字詞後,會出現搜尋結果頁面的最上方。與關鍵字廣告不同的是,這些廣告上面有圖片、品名、價格以及商家名稱。Shopping Ads 是 Google 專為擁有實體產品的完整規模的電商網站所打造的廣告投放模式,加上以圖片為主,又在搜尋結果頁最上方的黃金版位,比起純文字廣告更吸引用戶目光。

優點

  • Google 搜尋結果頁最上方顯示出商品圖片,比純文字的關鍵字廣告更吸引用戶目光;圖片下方顯示商品資訊與電商名稱,順便也增加品牌曝光度。潛在客戶點擊後直接進入電商網站,讓有意願消費的顧客直接在網站上快速完成消費,提高網站轉換率。廣告主可藉由一個 Shopping Ads 達到品牌曝光率上升、轉換率上升的雙重效果。
  • 廣告主只需把 Google Ads 與 Merchant Center 串接好,廣告主無需另外花時間設定關鍵字,Google 即會自動比對商品名稱與用戶搜尋的關鍵字,若這兩著關聯性高,購物廣告就會自動播放,讓電商平台非常好上手。

 

Google 應用程式安裝廣告(App 廣告)

若你有 APP 應用程式,想要推廣下載安裝的話,就透過 Google 應用程式安裝廣告吧!廣告主只要在 App Store 或 Google Play 上架應用程式,Google 就能自動抓取應用程式的資料,自動生成廣告內容、自動尋找目標受眾,廣告主只需添加幾行文字、設定出價並提供一些素材資源,廣告即可在 Google 的各大資源上 (包含 Google 搜尋聯播網、GDN、Google Play、YouTube) 上曝光。而 Google 系統會利用應用程式商店中的資訊,找出最佳廣告位置,廣告主不需另外再設定關鍵字、位置等。

這種 APP 廣告只會出現在行動裝置上,不會出現在電腦版。

優點

  • Google 系統會運用廣告主的廣告文字提案和素材資源,自動測試各種素材資源組合而設計出多種格式的廣告並在眾多資源中放送,有效簡化程序、增加下載率。

 

Google Youtube 影音廣告

Youtube 是隸屬於 Google 的影音平台,根據 Google 官方資料,每個月有破 10 億人觀看超過 60 億小時的YouTube 影片。這些數據顯示了動態影片受到許多用戶青睞,因此若預算足夠的話,廣告主千萬不要放棄使用影音廣告來曝光自家產品的機會!

且一半以上的 YouTube 影片觀看次數來自行動裝置,這表示有許多在家、在外活動的潛在客戶尚待開發,而您可以設定影片廣告播放的時間、位置,並鎖定讓某些潛在客群觀賞。

大多數 Youtube 影片都會有五秒的時間自動播放廣告影片,五秒過會顯示「掠過廣告」按鍵,讓用戶決定是否繼續看下去。用戶在看了影片超過 30 秒或與影片有互動時,Google 才會向廣告主收取費用。

優點

  • 每當用戶看 Youtube 影片前,廣告影片會有五秒的播放時間。因此廣告會得到一定時間的曝光時機;加上用戶看三十秒後或是與影片有互動時,廣告主才需要付費,可有效、彈性的控制廣告預算,相較於傳統電視廣告數十萬起跳,業主即使在有限的預算下,一樣可投放影音廣告。
  • 與 GDN 廣告一樣,業主可根據年齡、性別、地區、興趣等條件來鎖定投放的目標對象(如潛水愛好者、常看吉他教學影片的音樂人、新婚者等等),讓影片廣告可精準投放。

Youtube 影音廣告與 GDN 廣告都屬於「業主主動投放、消費者被動觀看廣告」的性質,加上拍片的成本總是比純文字、圖片來得高。若預算真的很有限,建議先投放「消費者主動搜尋、業者廣告被動顯示」的關鍵字廣告或是購物廣告。「主動」搜尋的消費者需求往往比被動受眾來得強烈!

 

轉行數位行銷的第一步:取得 Google Ads 認證

以上概述了目前 Google 五種廣告的類型,至於本文最前面所提到的「Google Ads 認證」,是以上五種廣告都要測驗嗎?對於完全沒有數位行銷經驗的初心者要從何下手?

事實上,要獲得 Google Ads 認證,只要通過兩項 Google Ads 認證測驗即可。這兩項包含 「Google Ads 入門測驗」,內容是 Google Ads 廣告的通則、另一項則是從以上 Google 五種廣告(搜尋廣告、多媒體廣告、行動廣告 、影音廣告或購物廣告)中,任選一項做進階測驗。

針對「 Google Ads 認證」,坊間有不少教材。但是數位行銷的領域隨著時間不斷變化,Google 廣告服務也在這 18 年不斷隨著市場需求而不斷更替。Google Ads 認證也是在去年才由原本的「Google Adwords 認證」改名成「Google Ads 認證」,因此考題內容也隨之變化。因此很難保證這些教材是符合最新版的「Google Ads 認證」考試。

對於想要快點拿到「Google Ads 認證」、順利轉行數位行銷領域的人來說,能在有限的時間內,朝正確的方向學習才是重點。況且隔行如隔山,數位行銷領域也有許多專有名詞,需要專業的老師教學、解題、帶領複習,才能增加考取證照的機會。好在目前國內有機構,聘任經驗豐富的行銷專家開假日密集課程,帶領學員們兩天內順利取得「Google Ads 認證」(Google Ads 認證保證班介紹)。因此無論你是學生、還是在職中、或是待業中,只要有心轉戰行銷領域,都可以來取得「Google Ads 認證」。

 

此篇文章為下篇!!還沒讀上篇的讀者要記得看喔~

 

 

 

其他閱讀

只要14個小時就可以成功考取Google Ads認證(上)

零基礎如何花14小時考取Google Ads認證? 五種Google Ads廣告不私藏攻略!!

從無到有挑戰14小時考取Google Ads認證

網路行銷秘訣大公開(一):概論與內容行銷

網路行銷課程告訴你3D虛擬人偶APP—-Zepeto是怎麼爆紅的!!

白帽SEO黑帽SEO到底差在哪? 不都一樣是SEO嗎?網路行銷課程小常識

美國NASDAQ上市公司、外商IT教育培訓企業

只要14個小時就可以成功考取Google Ads認證(上)

只要14個小時就可以成功考取Google Ads認證(上)
只要14個小時就可以成功考取Google Ads認證(上)

學行銷的人不可不知的Google Ads認證你聽過嗎?還不知道是甚麼的話快進來了解一下吧!!(上)

為何我們會想寫這篇文章?

根據台灣數位媒體應用暨行銷協會(DMA)公布的報告顯示,台灣 2018 年整體數位廣告量(如 Google Ads)達 389 億台幣,比起 2017 年的 330.97 億再創新高。無論是老品牌還是新品牌,都因數位行銷打破價格、時間、地理的限制,在有限的預算下還能找到目標客戶而快速竄起、或是再造事業第二春。

本篇目錄

為何「網路行銷」、「數位廣告」取代了「傳統行銷」?

為何近年來數位行銷的崛起已取代了傳統行銷?我們先來了解一下兩者的本質吧!過去的傳統行銷範圍從廣告傳單、路邊的廣告看板,報章雜誌的廣告、到電視廣告等等,投放成本都不低,尤其是在尖峰時段播放的廣告、或是黃金地段的廣告看板……根本就是天價啊!只有少數大企業才玩得起。

那投出這麼多的行銷成本,轉換是否也成正比?當然,答案是不一定。因為要用以上的傳統廣告找到目標客戶,就像亂槍打鳥,無法設定目標客群,只能靠著大量曝光或是另外聘僱業務,看來又是一筆大支出。

現在網路發達,4G、5G 接連出現,幾乎每個人都有一台手機、平板或筆電等的數位裝置,因此現在大家傾向於使用 Google 搜尋所需的資訊、用 Youtube 觀看影片,電視幾乎到了被淘汰的窘境。「數位行銷」又稱作「網路行銷」,就是透過網路作為行銷媒介的行銷方式。

數位行銷的型態多元,包含 Google 、Yahoo 等關鍵字廣告、Youtube 播放影片前的短片廣告、社群(如 Facebook 粉絲團或廣告)、SEO 關鍵字優化等等,具有門檻低、收費彈性、不受時間空間限制、可設定廣告受眾等優點。

零經驗搶食「數位行銷」大餅?這張 Google 證照是入場券!

數位行銷的市場有增無減,但是工具實在是太多元,對一個零經驗想轉職數位行銷者,實在是有選擇障礙。數位界的老大哥 Google 推出的「Google Ads 認證」取得門檻低、加上又有Google 大品牌的公信力,絕對是數位行銷初心者入行的第一塊敲門磚。

根據 2017 年出爐的 Google 與益普索市場研究 (Ipsos) 進行的「台灣使用者搜尋行為報告」顯示出台灣人對 Google 的依賴:每天都會使用 Google 搜尋的台灣人高達 84%,其中近三成 (29%) 的人認為他們的生活中不能沒有 Google 搜尋。Google 自身亦有兩萬多個聯播網站,除了等用戶主動搜尋之外,也可以主動選擇目標客戶,輕輕鬆鬆將廣告投遞到任一角落。

若是投遞了 Google 廣告,就等於這些高達 84% 的台灣人,都可能在 Google 搜尋上看到你的廣告!除了等待這些 84% 的人「主動上門」之外,你也可以主動出擊,將廣告投遞到你所設定(地區、性別年齡等等都可以設定)的「目標受眾」,增加轉換率。難怪數位行銷業對於「Google Ads 認證」的需求,永遠不會減少。

已不再只是 Google AdWords 的 Google Ads,還包含哪些?

Google 的廣告服務可追朔至 2000 年,當時開始有 Google AdWords 關鍵字廣告服務,方法是在搜尋引擎置入純文字的廣告,隨著這 18 多年的演進,Google 的廣告方式已擴展到五種:關鍵字廣告、GDN 廣告、Shopping Ads、Youtube 廣告、App 廣告。 Google AdWords 關鍵字廣告也在 2018 年 7 月改名為 Google Ads。

廣告投放形式有5種:搜尋聯播網、多媒體、影片、行動、購物廣告。最常見的就是搜尋聯播網廣告。特點是收費皆採 CPC 計價,有點擊才有付費。目前的 Google Ads 有五種,除了關鍵字廣告外,還有哪些格式?介紹如下集,只要14個小時就可以成功考取Google Ads認證(下)

 

文章還沒結束喔!!記得點選上方連結到下篇文章~

 

 

 

其他閱讀

只要14個小時就可以成功考取Google Ads認證(下)

零基礎如何花14小時考取Google Ads認證? 五種Google Ads廣告不私藏攻略!!

從無到有挑戰14小時考取Google Ads認證

網路行銷秘訣大公開(一):概論與內容行銷

網路行銷課程告訴你3D虛擬人偶APP—-Zepeto是怎麼爆紅的!!

白帽SEO黑帽SEO到底差在哪? 不都一樣是SEO嗎?網路行銷課程小常識

美國NASDAQ上市公司、外商IT教育培訓企業