"September, 2015" 有28篇文章

首頁  /  2015  /  September

8個再行銷構想鎖定網站目標客戶

歐斯瑞日前也曾撰文介紹過再行銷,然而本篇文章的重點在於清楚介紹如何在Google 和Facebook平台上設定再行銷,鎖定您的網站客戶,藉此提高網站轉換率。   在Google 的平台上Adwords和Analytics兩個平台都可以設定再行銷,我們建議您使用Analytics設定,因為Google Analytics的設定選項具備較多的彈性。在開始介紹如何設定再行銷目標之前要提醒您,無論是透過Adwords還是Analytics設定再行銷,都要先在網站上放置再行銷代碼喔。   首先,我們先來看看Google的不同再行銷目標如何設定 。   一.智慧名單

Magento常見需求 – 金流篇

先前我們曾經發討論過Magento的建站四部曲,這次我們來介紹一些Magento常見的需求。 身為一個電子商務的經營者,最最關心的當然就是網站要能夠帶來收入,而線上購物的收入勢必要靠金流系統來達成。   Magento本身其實已經有提供Paypal付款的功能,只要稍微設定一下並且經過嚴謹的測試就可以開始使用。但是在台灣Paypal似乎沒有國外這麼流行,有沒有其他更好的方法呢?

如何設計優良的行動網站 Part 1 – 首頁和網站導覽

行動裝置與一般桌機最大的不同點在於螢幕尺寸的大小、行動裝置因為螢幕尺寸較小,能夠呈現的資訊有限,因此在內容的規劃上必須更為精簡。目前市面上常見的行動裝置最小的螢幕寬度是320px,iPhone 4 及 Sony Ericsson Xperia Mini 都是這個尺寸。因此,我們在設計網站時,通常會把考慮的螢幕尺寸下限定在320px,我們將為您列出規劃行動網站需注意的重點: 首頁的內容規劃

Photoshop教學:【基礎影像合成】更改路面標示

今天Astralweb要與大家分享PS的影像合成技巧,利用影像合成將2張以上照片組合成最終想要的結果,照片素材好壞也很重要,一起來看看這次效果要如何製做吧! ※本教學需先對工具使用有基本認識 1.準備原圖一張與要合成的標誌一張 2.置入原圖 3.將標誌置入 4.先將它點陣化 5.使用魔術棒工具 6.點選黑色部分 7.將它刪除 8.按Ctrl+T變形 9.調整至我們要的位置 10.然後選取標誌範圍 11.使用筆刷或填色工具,將標誌顏色調整接近標線的顏色 12.對此圖層選擇濾色 13.由於此照片並沒有那麼清楚,我們選擇 濾鏡>模糊>高斯模糊 14.調整至接近其它的標線

2015上半年網站功能回顧

今年年度也邁入了第四季,歐斯瑞在前幾季設計了許多大大小小網站,根據每一位客戶的需求而建置了許多網站功能,這邊就讓我們來回顧一下歐斯瑞今年上半年的設計網頁有哪些好玩的功能吧! 360度產品展示:   在網路上購買產品時,您是否有過從不同角度去觀察產品的需求? 商家為了提高消費者的意願往往會放上許多不同角度的商品圖,儘管如此,還是會有消費者想看的地方卻沒法看到的時候,為了能夠在網路上完整的展示商品,我們在這個網頁上設計了 “360度展示商品”的功能!  

改善Facebook廣告相關性分數

Facebook臉書廣告有一個相關性分數(Relevance Score)的欄位,此欄位的分數是評估這則廣告與觸及對象的相關性程度,那麼相關性分數是如何計算的呢?又該如何改善相關性分數?歐斯瑞這篇文章一併告訴你….   什麼是相關性分數? Facebook 廣告相關性分數僅是一個廣告分析中的衡量指標,讓你更瞭解你的廣告,以調整廣告內容與目標受眾的操作方向,所以不必一昧的追求相關性分數,廣告給你帶來的轉換才是最重要的指標。 相關性分數如何計算?

寫出適當的專案週報格式

為了達成特定的目標或商品而在特定期間內、投入特定資源進行的一系列活動就叫專案。因為專案的成果關係到公司的經營目標,所以在專案進行中專案的贊助人跟利害關係人都會非常關注專案進度,希望能準時得到如預期的產品或成果;為了幫助專案的贊助人跟利害關係人能清楚掌握專案進度,並且適時提供協助給專案團隊,專案經理定期提供跟專案相關的資訊就顯得非常重要了。

你必須知道的設定,快速優化Magento效能

今天要告訴大家快速優化Mgento效能的方法,Magento已經有很多提供在後台的功能,只是設定上很多是為了開發、偵錯或測試用;所以如果網站已經正式上線,應該將這些設定調整,來提升正式網站的效能。那麼就來看看這些可以加速網站的設定吧。 1.Merging CSS files(合併CSS檔案)   設定位置在: System – Configuration -> Advanced – Developer -> CSS Settings – Merge CSS Files  

如何設計響應式的電子郵件

響應式的電子郵件在編碼上比響應式的網頁更加麻煩,因為我們必須同時考慮各種郵件軟體(如outlook)、及各家線上郵件平台(如Google Gmail, Yahoo! Mail)的呈現, 加上郵件平台及軟體對css 的支援性較差、又或者會強制剝除我們的css設定,因此在響應式的電子郵件在設計上往往限制更多。   以下我們整理出設計響應式的電子郵件一些簡單技巧   使用行內CSS 使用行內css是最保險的作法,因為部份郵件平台會強制剝除我們的<style>設定   行距及段落間距 光是<p>的間距設定、Google Mail與 Yahoo!

手機版電子郵件廣告(EDM)設計分享

從之前與大家分享如何設計良好的手機網頁文章中,可以知道手機使用者的重要性,Yesmail於2014年與2015年調查研究指出,有響應式的郵件廣告比沒有響應式的郵件廣告,使用者的點擊率成長了75%,也就是說符合手機介面的郵件廣告,能提升使用者點擊意願。要建構有效的郵件廣告,與產品、行銷、介面設計和程式製作方式息息相關,今天要與大家分享從設計角度去探討電子郵件廣告介面,如何給予使用者更良好的瀏覽方式。 EDM型態改變  

如何規劃網站測試流程

做為一個測試者該如何著手進行測試,又該如何規劃出一套較完善的流程呢!若測試到問題時又該如何記錄與管理呢? 一般來說,測試不外乎是兼容性、功能性、可用性等等(在此就不詳細列舉);在開始測試之前先了解架構,擬定出一個大方向,如此一來才好畫分成區段來逐一測試,同時也較好記錄與管理。   以下簡約做一個測試範例示意圖給大家參考 當一個流程擬定好時,就可以開始依序照著擬定好的方向去做測試了 今天以 Asana平台為範例來教大家如何規劃網站測試流程,同時又能記錄與管理 (欲了解基本常用功能可閱讀本站「運用ASANA時間管理提升工作效率」文章)   1.

5個步驟做好在地搜尋引擎優化(Local SEO)

第1步 – 建立Google我的商家並且提供完整的商家資訊 在Google搜尋”我的商家”就會看到如同下方圖示的網頁,點選網頁右上角登入或者在Google上宣傳,Google就會引導你一步步的填入你的商家資訊。 依序填入商家資訊之後按下”編輯完成”之後,你會看到剛剛建立的商家資訊主頁,此時商家資訊還不夠完整喔。你可以依照Google導引的兩步驟在專頁資料相片加入你的商家環境與品牌識別等照片,然後再新增一些產品照片,因為商家資訊越完整越好喔。

客座演講:分享如何實作Magento電子商務平台 – 正修科技大學資訊管理學系

上周歐斯瑞很榮幸受邀請來到了位於高雄市的正修科技大學-資訊管理學系的課堂上,當天跟正修的學生們來分享許多歐斯瑞在電子商務領域的經驗與技術。其內容主要分為 公司簡介、電子商務的趨勢、Magento介紹、Magento的實際操作等,其中Magento的部份在我們之前的文章也有提到許多,像是Magento應用技巧-針對不同出貨國家設定不同出貨稅率、如何在Magento設定多貨幣、Magento功能導覽(2)展示商品等應用,我們特別開放了十幾組後台權限來讓學生們實際動手操作電子商務平台。 下面就讓我們來回顧一下當天與學生互動的狀況及授課內容吧。 1.公司簡介及相關認證

利用Javascript,自製清理網頁元素工具

相信不少的網頁工作者,都會有類似的經驗,尤其是在需要重新整理網頁內容,或是重構網站時,看到一堆過去的網頁程式碼,元素其中不乏各種css,class,id,甚至是bgcolor,width一類的行內屬性,這時就可以利用這個工具來清理掉這些元素屬性,還原成最乾淨的html網頁程式碼。 不過,先提醒一下,此工具並沒有特別處理例外,例如說img的src屬性也是一併會被清除的。 直接來看程式碼(重點執行清除功能的是藍字的程式部分): <html> <head> <title></title> <style type="text/css">

選對合約類型,讓專案更順利

在之前的文章中,我們提到溝通對於專案成功的重要性;當雙方對於專案的交付物達成共識之後,將買賣雙方的權利及義務明文記載的文建,就是專案合約了。 一般的專案合約可以分為總價合約、成本補償合約、以及工料總價合約三種類型。不同的合約可針對不同的狀況提供對買賣雙方公平的條件,讓專案進展更順利。 總價合約是最常見的合約類型,我們今天先對這種合約做介紹。  

社群行銷方式:在Facebook粉絲頁舉辦領取優惠、活動

經營粉絲團需要時常跟粉絲們互動,或者需要利用你的粉絲團帶動商店的買氣,你也一定經常看到大型商家的粉絲頁正在舉辦特賣會或是各式各樣的活動等等,那麼這樣的特賣活動該怎麼利用粉絲團舉辦宣傳呢? 在粉絲團舉辦的”優惠”與”活動” 首先,到你的粉絲團的動態時報牆上,在發表近況的地方有個”優惠、活動,更多”的發表頁籤,你可以看到有三個選項,分別是: “優惠” “活動” “里程碑” 領取優惠

PHOTOSHOP教學:快速又簡單的3D立體字

想做3D立體字卻不會使用3D軟體怎麼辦?一定要學3D軟體才可以做3D立體字嗎?答案是不用! 今天教大家如何使用Photoshop做出3D立體字 本範例使用的是Photoshop CS6版本 1. 準備一張照片,接著在左側工具箱點文字工具,選擇水平或垂直文字 2. 輸入文字與位置後,在文字圖層按滑鼠右鍵選擇新增來自選取圖層的3D突出 3. 彈出建立3D圖層視窗後,按 是 4. 此時可在上方3D模式選擇文字角度與位置(文字可直接拖拉) 共有4種可以選擇,分別依序有旋轉、轉動、拖移、滑動、縮放3D物件 5. 切換到3D面板,點「濾鏡: 光源」圖示,拖拉中間圓球調整光源位置(像衛星一樣的圖)

網路行銷工具 Google Consumer Barometer

網路世界瞬息萬變卻也商機無限,因此掌握網路使用者的行為模式就很重要了。尤其行銷人常常面臨要在很短的時間內準備提案資料,或者是規劃行銷策略與進行決策。然而,消費者行為調查往往需要花費較長的時間,投入龐大預算與人力才能獲得,無法滿足數位時代的行銷人的需求。今天就要跟大家介紹一個免費的網路行銷工具 – Google Consumer Barometer,幫助你掌握網路世界的消費者洞察。 關於這個工具的可靠度,Google 在網頁上詳細說明了調查數據的來源與調查時間,各位看官可以自行前往 Google Consumer Barometer

Photoshop教學:【實用篇】智慧型物件的修改方式

今天Astralweb要與大家分享PS的智慧型物件的修改方式,它可以節省我們許多時間,只要製作一次,之後就可以套用,一起來看看這要如何製作吧! 內含教學影片 ※本教學需先對工具使用有基本認識 歐斯瑞提供範例圖片讓您跟著我們設計師一起學習操作吧! 1.開啟需要製作的照片 2.將要合成的影像貼上或置入 3.將它轉換為智慧型物件 4.使用Ctrl+T變形,調整至我們需要的位置 5.這樣就完成模擬的效果,但要如何修改它呢? 6.我們對著智慧型物件的圖層,圖片地方點擊2下 7.就會另開啟畫面,我們可以直接作修改或置換圖片 8.我們做一些修改後 9.然後儲存檔案

Magento結構概述

Magento,有史以來功能最齊全的個人/企業用電子商務平台,於2007年開始由製作出osCommerce這套元老級電商平台的公司Varien Inc.開發,並於2011年被ebay收購。 Magento適用於各種中大型電子商務解決方案,擁有完整的購物車、訂單管理、會員管理、產品管理、報表等系統,但是相對的,它也是一個複雜的系統,各種功能間的連動性也相當大,Magento採用Zend Frame Work這套MVC架構來作為核心。 (圖片摘自Wiki:https://zh.wikipedia.org/wiki/MVC)   什麼是MVC架構?

怎麼樣付款最方便?了解最熱門的線上支付方式!

電商經營者在規劃網站時,必須細微的考量到每一個環節,使購物網站能驅使消費者持續且熱情地購物,為公司創造業績。你當然需要一系列優質的商品,完善的客服,以及一個製作精美的網站。然而在所有的計劃之中,最重要,也是最後一個環節就是如何付款。付了款,交易才算完成;因此,依照不同電商網站的本質來選擇洽當的付款方式,是商家在規劃階段就要慎重考慮的課題。

簡單3招快速規劃關鍵字清單

規劃關鍵字廣告的時候,需要建立關鍵字清單。事實上不僅僅是操作關鍵字廣告需要建立關鍵字清單,您的網站上的每一個網頁也需要建立正確且相關性高的關鍵字。所以問題是該如何快速且正確的產生關鍵字呢?以下介紹幾個簡單又快速的工具來幫助您規劃關鍵字。 Google關鍵字規劃工具   1. 進入Google Adwords之後在下拉選單中就可以找到關鍵字規劃工具。 2. 輸入您的產品或服務之後按下就會得到Google建議的關鍵字。 如果您經營的是某些比較新的產品或服務,關鍵字規劃工具可能提供給您的關鍵字是比較有限的,這時候您可以利用Google Search和Google

如何在Magento開啟貨到通知功能

如果您的商品在網路商店中賣光了,需要幾天後才能重新販售,這時候想要購買的顧客沒辦法下單購買,這是對雙方都很遺憾的一件事,Magento針對已經銷售完畢的商品,提供在重新將商品上架的這段期間讓客戶可以取得該商品貨到通知的資訊。   首先,確定在你的Magento網站中是否有開啟展示缺貨商品,若是沒有設定該功能,可以進入Magento後台中設定。   路徑: System → Configuration → Inventory → Stock Options   將 ”Display Out of Stock Products” 選擇 “Yes”

設定Meta tag,管理你的網站可見度

當我們做好一個網站,且讓他上線時,如果我們的網站並不想要被搜尋引擎收集資訊,我們可以透過設定Meta tag的robots,告訴搜尋引擎哪些資料不要蒐集,來管理網站的可見度。 例如說,比較常見到的: <meta name="robots" content="noindex,nofollow"> noindex,nofollow是甚麼意思? noindex:防止搜尋引擎為網頁建立索引。   這是告訴搜尋引擎,不要來搜集與整理我的資料。因為搜尋引擎在提供人搜尋之前,會先到各個網站去搜集資料,整理完成後,提供給使用者搜尋。  

替ASANA換件新衣吧

繼上次介紹「運用ASANA時間管理提升工作效率」文章後,這次要教大家如何更換ASANA的背景主題 ,ASANA原始預設背景是淺藍色,如果想要讓它換成更活潑一點的主題伴隨你工作的話,這篇設定教學可以幫助切換為你想要的樣式。 首先,點一下右上方頭像圖示 點選頭像後會出現選單,接著點“My Profile Settings”   便會彈出My Profile Settings設定視窗,在這個視窗中可選擇各種頁籤來設定。本文章針對如何更換背景主題做說明,其他頁籤設定暫不詳細介紹 接著點選頁籤“THEMES “ 在”THEMES

Photoshop教學:【基礎影像合成】菸霧效果

今天Astralweb要與大家分享PS的影像合成技巧,影像合成利用2張以上照片組合成最終想要的結果,因此照片素材好壞很重要,一起來看看這次效果要如何製做吧! ※提醒您!吸菸有害健康,未滿18歲不得吸菸;本文章圖片僅為Photoshop工具的應用教學。 ※本教學需先對工具使用有基本認識 1.先準備原圖與菸霧素材一張 2.置入要合成的照片 3.再置入菸霧 4.將素材點陣化 5.選擇 影像>調整>色相/飽和度 6.降低飽和度 7.使用濾色濾鏡 8.就會過濾掉黑色部份 9.移動到我們想要的位置 10.可以再依需求將菸霧變形 11.使用模糊工具與橡皮擦工具 12.讓一部份模糊 13.如畫面

歐斯瑞的工具百寶箱大解密

  網頁設計百寶箱 歐斯瑞的有許多夥伴們都是網頁製作高手,一個一個吸引人駐足逗遛的網站就在在他們的巧思跟精湛的技術下誕生出來。 工欲善其事,必先利其器;這些亮眼的網站當然不是設計師跟工程師們變魔術變出來的,而是歐斯瑞的夥伴們依照設計跟製作的流程、使用各種適合的工具製作出來的。我們依照設計跟程式製作的流程把這些好用的工具分類好;接下來,就為各位歐斯瑞的好朋友介紹這些工具。 網頁設計 行銷 專案管理 設計、色彩管理 行銷 任務管理 電子商務、Magento附加原件 商務 測試 網站管理、網頁測速、網站地圖、DNS SEO、關鍵字 圖形設計 主機管理、主機測試、CDN 電子報系統 需求收集

店家必備!社群推廣方式:讓顧客在我的粉絲頁上發佈貼文

我們是歐斯瑞有限公司,並非Facebook臉書官方客服,由於我們業務繁忙不再提供任何解決打卡問題,敬請見諒(鞠躬)! 如果此篇文章沒有辦法滿足您的需求,請點選這裡Facebook回報問題 最近詢問度很高的一個問題:要如何讓顧客的打卡照片顯示在我的粉絲專頁上! 這是店家在經營粉絲頁很在意的一個關鍵互動方式,但是最近大家都發現顧客打卡照片怎麼都不能顯示在粉絲頁了呢?因為隱私權及安全的問題考量,臉書將粉絲專頁顯示的打卡內容這功能停止了!也就是說,往後顧客來我們店裡拍照打卡的照片貼文都不會顯示在我的粉絲專頁上了。