【網誌】Blogger｜多平台分享按鈕，把你傳出去｜ShareThis


在許多主頁面中（如同我的Blogger）可以看到多個平台的icon分享按鈕，如果想要加裝到自己的家，讓更多人分享你的網誌，可以透過第三方平台ShareThis完成這項工具。→ https://platform.sharethis.com/get-inline-share-buttons

[ShareThis自訂Button介面]

操作步驟

1) 進入ShareThis的網頁後，可以選擇要測欄固定式（sticky）的，以及平行橫躺於頁面（inline）的。
2) 選定其中一種以後，會跳轉到客製化的頁面。可以自訂的內容包含：

  • Channels：要保留哪些平台，讓人分享。
  • Alignment：擺放位置
  • Button：針對每個Logo可以調size、label
  • Counts：總分享次數。
  • Corners：調整圓角，讓Button為方形或有圓角
  • Language：語言設定（原來分享的日文是「再生回」，韓文也念起來跟它很像）
  • Spacing：調整Button之間間距。

3) 完成後，最下方按鈕進入，註冊完會產生code與安裝教學，取得Javascript放置於自訂html區的<head>內。而這一排button就端看自己想把下面這個div放在頁面哪裡。<div class="sharethis-inline-share-buttons"></div>
[官方安裝步驟說明]

到Email收驗證信，創建了以後，還可以回頭登入查看Dashboard或對按鈕樣式做更新，會自動在部落格上更動，這些UI都可以自己玩玩看，測試一下效果！

成果心得

[測試點擊Messenger效果]
點擊按鈕的分享效果非常快速且順暢，不管選擇哪個平台，只要瀏覽器原先有儲存好登入訊息，都可以立即將當前頁面分享給朋友哦。歡迎各位至Blogger頁面最下方將此篇分享出去哦！

可惜這裡所提供的圖示沒有包含Line，不太迎合台灣人的口味（使用習慣），希望能趕快跟Line建立起連結。

後記

到了ShareThis的後台，還可以再擴增其他功能，比方它也跟Disqus一樣具備表情互動讓人點按！Image Share供人分享圖片、Profile Follow提供聯繫管道。當然也可以再增添側邊分享區（如下圖）推薦給大家這項非常強大的工具。而除了ShareThis以外，還有AddThis也是功能相近的工具。

[完整成果圖]

留言

張貼留言

【熱門】# HOT

【數據分析】R｜時間格式處理｜date format & lubridate

在R之中，我們有時會需要時間的轉換。常常抓到網路資料後，得到的timestamp欄位可能是char或是num的格式，這時候就可以採用內建的as.date或取用lubridate這個package。但在了解怎麼用後面的函數從字串中轉成時間前，得先知道什麼是標準的時間格式，才知道怎麼得到想要的結果。 標準時間格式 class為「POSIXlt」和「POSIXct」 ，包含資料的格式為" %Y-%m-%d %H:%M:%S "。 "年-月-日 時:分:秒" 在日期間以「-」區隔，時間以「:」區隔，兩者以一個空白分隔。 %m 小寫是月(month)， %M 大寫是分(Minute) → 時間的格式都是大寫。 我們常用 Sys.time()或now() 來取得執行當下的時間點，可以得到標準格式 "2018-11-09 11:35:06 CST" 。 以我們台灣來講，CST = China Standard Time，也就是常聽到的 中原標準時間 ，是我們這個經度所位在的時區。相對於UTC地球標準時間要加上八小時。即為UTC+8。 UTC = Coordinated Universal Time是像秒一樣的公定標準，格林威治標準時間GMT = Greenwich Mean Time所在時區與該時間相同。 now()之中可以設定時區 → now(tzone = "UTC") 會得到比CST少8小時的結果。 而日期格式較為簡單， class為「Date」 ，取得當天日期則用Sys.Date()。 轉換為日期 首先先看日期的部分，實作上，常碰到的是三種狀況： 長相已經是標準日期（Ex: 2018-11-09），但型別為character 長相是數字（Ex: 17844），型別為numeric 各式長相的時間（Ex: "November 9, 2018"、"09/11/2018"），型別為character 面對這些該如何怎麼解決呢？ 解決方法 ：as.Date搭配format設定 [1] as.Date("2018-11-09") 　　→"2018/11/09"也
閱讀完整內容

【軟體操作】Google Slides｜下載共用簡報方式與網址

圖片
本篇所使用之Google Slides網址為： https://docs.google.com/presentation/d/1I_-bwMI4R_ZverF_pdEY9h81jx1PM98DNpRzw0Jad58/edit#slide=id.p2 如何下載線上投影片 方法一：介面操作 [檔案> 下載格式> PDF(或其他自訂格式)] 方法二：查看簡報 點選畫面右上方的查看簡報按鈕進入 （或先點擊工作區域，再按Ctrl+Shift+F5） [設定圖示> 下載PDF或PPTX] 方法三：更改網址 https://docs.google.com/presentation/d/ <FileID> / export / <format> 仔細觀察原網址，由/分隔出的各個部分。 在/presentation/d/後方為這份簡報的 <FileID> 。 1I_-bwMI4R_ZverF_pdEY9h81jx1PM98DNpRzw0Jad58  如範例中即為上面這組長度為44個字元，由大小寫英文、數字及-_字符形成的識別碼。 於後方加上/export/代表輸出，最後加上需輸出的格式 <format> ，需自行設定。 可設定pdf、pptx、txt、odp、 png、jpeg、svg  等格式 將完整連結輸至網址列即可跳出下載視窗 Ex:  https://docs.google.com/presentation/d/1I_-bwMI4R_ZverF_pdEY9h81jx1PM98DNpRzw0Jad58/ export/pdf 問題 　　然而，png、jpeg、svg預設只能存取一頁（如第一張圖所示"當前頁面"，而以網址的方法只能存下首頁p1），那要怎麼取得其他頁面的圖檔並下載？ 答案 　　為了解決這個問題，我從Dev-Tools的Network去觀察，操作點下檔案> 下載格式> PNG圖片，觀察按下按鈕後Request方法，發現它在網址後方加入「?pageid=p2」即可。 Ex:  https://docs.google.com/presentation/d/1I_-bw
閱讀完整內容

【數據分析】R｜擷取字串｜RegEx與常用函數

圖片
在抓取資料或清理資料、Mutate整理Dataframe時，我們常常會需要擷取字串，舉凡辨識Email、檔案格式或副檔名(File Extension)、用字分析...等等，抑或最簡單的只想看出vector中含有某個詞彙的比率，各種情境都很常出現擷取或比對字串的需求。 擷取字串常用函數 而在這過程之中，勢必需要了解有哪些函數與方法來幫助解決問題。來看看常用的函數包含在哪些Package？ base 內建之基礎套件 grep：設定要找的詞彙，列舉資料中存在該詞彙的位置(index)。 grep("pattern", vector) grepl：與grep一樣，但l代表logical，列舉之結果為T/F，有該pattern者為TRUE。 gsub：可以將pattern中( )所鎖定的subpattern再進一步抓出來，結果為( )中內容。 gsub("(sub)pattern", "\\1", vector) gsub("pattern", sentence, "substitution")，把字串中所有含pattern者依substitution做取代。gsub = global substitution strsplit：String Split，顧名思義將字串做分割（依據給的pattern）。 strsplit(sentence, "pattern") stringr 需另外載入之套件 str_detect：偵測到vector之字串中含有pattern者為TRUE str_detect(vector, "pattern") str_sub：自字串中，擷取設定之始末位置(index)之間的字串。subset of the string str_sub(string, start_index, end_index)，末位置接受負值，代表倒數第幾個。 grepl vs. str_detect？ 　　基本上，我認為grepl與str_detect沒有差異。個人在處理時較喜歡利用str_detect的方法判斷dataframe欄位是否有想要的pattern，直
閱讀完整內容