2014年4月13日 星期日

Facebook與google+網路行銷之比較

到底Facebook 與 google+,誰強誰弱,網路上大家的看法不一:

魔旅士:為何 google+ 比較遜 ?
http://morrisjfwong.com/blog/why-google-plus-not-a-plus/
商業周利:不只是社群網站!10個你應該再試試Google+的理由
http://www.businessweekly.com.tw/KBlogArticle.aspx?id=4560

而我個人使用比較之後,感覺上卻比較喜歡使用google+
這種感覺,如同在我多年前先使用yahoo email ,gmail 出現後,我就以gmail 為主,yahoo email 為輔了。

而現在,也正是這種感覺。最近我用到google+之後,我就以google+為主要使用的社群網站工具,facebook為輔助工具了。
二者的差別到底在那裏?
我覺得,這不能單單以使用項目來作對比(這種比較方式,google+ 並沒有比較強)。
但以google 整體服務項目來比較,我倒是覺 google+強多了。
舉例來說,我在youtube,發了一支個人影片。沒多久(正確時間,我沒有注意,但不會超過一日),
google 就可以搜與到了。
另外一件事,更可怕,
google+,我發表了一篤文章,不到10分鐘,google 就可以搜到了。
畢竟,這都是google 自家的產品,不是嗎?

抓漏職人網站google badge修改記錄

想要將自已的網站 www.leakproof.tw 增加google badge,過程想做個記錄。

原先的網站長相如后:
抓漏職人修改前網站
抓漏職人修改前網站
打算修改如后:
抓漏職人修改後網站
抓漏職人修改後網站
先到
https://developers.google.com/+/web/badge/?hl=zh-tw
輸入google plus的帳號密碼

Google+ 徽章- 官方網站

Google+ 徽章- Google+ Platform — Google Developers



寬度由300,調為210(這是配合自已網站的設定值),若是這個值設定的不恰當,程式碼
data-width="210"
這個值,也可以進行修改

按進階設定下拉選單
非同步:不勾選
剖析標記:選擇>預設 (載入時)


複製程式碼,如下:
----------------------------------------------------
<!-- 將這個標記放在標頭中,或放在內文結尾標記前面。 -->
<script type="text/javascript" src="https://apis.google.com/js/platform.js">
  {lang: 'zh-TW'}
</script>

<!-- 在您要顯示「小工具」的位置放上這個標記。 -->
<div class="g-page" data-width="210" data-href="//plus.google.com/u/0/100798189333635204519" data-rel="publisher"></div>
-------------------------------------------------

有二個檔案,需要修改
index.html
ix2-body.css

方式如下:
index.html中
原程式中,大約Line41-Line51,div的結構需要,新增一組div,以利插入google badge。
原程式碼如下:
-----------------------------------
<div>
<ul>
<li><img src="pic2/discuss.jpg" title="" alt="" /></li>
<li><img src="pic2/flags.jpg" title=""  alt="" /></li>
<li><img src="pic2/graph.jpg" title=""  alt="" /></li>
</ul>
<div>
<h3>高空防水、高科技抓漏 <span>讓抓漏達人、抓漏大師也折服</span></h3>
<p>飛鼠工程不同於一般坊間抓漏防水公司。飛鼠工程除一般屋頂防水、廁所防水、壁癌處理外,更專精於高科技專漏,擁有管道攝機、蛇管、漏水檢測器、漏水檢知器、漏水檢測儀器、漏水檢查、漏水檢修,並擁有繩索技術協會高空作業技術員,能進行高空外牆防水及高空非破壞性檢測工程。</p>
</div>
</div>
---------------------------------------
修改後程式式碼如下:
----------------------------------
<div>
<div class="t1">
<ul>
<li><img src="pic2/discuss.jpg" title="" alt="" /></li>
<li><img src="pic2/flags.jpg" title=""  alt="" /></li>
<li><img src="pic2/graph.jpg" title=""  alt="" /></li>
</ul>
<h3>高空防水、高科技抓漏 <span>讓抓漏達人、抓漏大師也折服</span></h3>
<p>飛鼠工程不同於一般坊間抓漏防水公司。飛鼠工程除一般屋頂防水、廁所防水、壁癌處理外,更專精於高科技專漏,擁有管道攝機、蛇管、漏水檢測器、漏水檢知器、漏水檢測儀器、漏水檢查、漏水檢修,並擁有繩索技術協會高空作業技術員,能進行高空外牆防水及高空非破壞性檢測工程。</p>
</div>
<div class="t2">
<!-- 在您要顯示「小工具」的位置放上這個標記。 -->
<div class="g-page" data-width="210" data-href="//plus.google.com/u/0/100798189333635204519" data-rel="publisher">
</div>
</div>
</div>
-------------------------------------------------------
Line183-Line184,附近需加入程式碼
原程式碼,如下:
--------------------
</div>
</body>
-----------------------

修改後程式碼,如下:
---------------------
</div>
<!-- 將這個標記放在標頭中,或放在內文結尾標記前面。 -->
<script type="text/javascript" src="https://apis.google.com/js/platform.js">
  {lang: 'zh-TW'}
</script>
</body>
-----------------------------------

ix2-body.css,修改方式如下:
原程式碼:大約Lin13-Line37
-------------------------
#body .header div {
background: url(../pic2/smiling-man.jpg) no-repeat bottom right;
/* background: #FFCDFE; */
height: 472px;
margin: 0 auto;
padding: 0;
width: 960px;
}

#body .header div .left {
float:left;
background: #CDFEFF;
margin: 0;
padding: 0 30px 0 13px;
height: 400px;
width: 650px; /*  490px  */
}
#body .header div .right {
float:right;
background: #9291FF;
margin: 0;
padding: 0 30px 0 13px;
height: 400px;
width: 180px; /*  490px  */
}
--------------------------------

修改後,程式碼如下:
----------------------------------
#body .header div {
/* background: url(../pic2/smiling-man.jpg) no-repeat bottom right;  */
background: 0; /* #FFCDFE; */
height: 472px;
margin: 0 auto;
padding: 0;
width: 960px;
}

#body .header div .t1 {
float:left;
background: 0; /*#CDFEFF; */
margin: 0;
padding: 0 0 0 13px;
height: 400px;
width: 650px;
}
#body .header div .t2 {
float:right;
background: 0; /* #9291FF; */
margin: 0;
padding: 50px 30px 0 13px;
height: 400px;
width: 180px;
}----------------------------------------

完工。

blogger 網址更正

將原先網址
http://leak-exprot.blogspot.tw/
變更為
http://leak-expert.blogspot.tw/

故部網站內容,連結會變更