Instagram Embedding 抓 iframe 高度及 3 種大小圖片
本篇大綱：嵌入 Instagram 的方式、IG 抓 iframe 高度 API、IG 抓 3 種大小圖片、本篇 Demo 及原始碼。IG 嵌入的方式有提供 API，可以用 GET 的方式取回 code，再 append 到內文中。
Google Maps API 學習筆記 – 5：抓目前位置、計算到各點距離
本篇大綱：目前所在位置、確認支援 geolocation、跟使用者要位置的權限、計算到各點距離 Distance Matrix Service、開啟權限、Distance Matrix API限制、使用 Distance Matrix API、API 回傳的值、實際應用。
WordPress SEO 有幫助的 2 個外掛
探索兩個有助於 WordPress SEO 的外掛：Easy Table of Contents 和 Simple Sitemap。學習如何自動生成文章大綱和網站地圖，以及如何優化網站的內部鏈接結構。本文提供了詳細的安裝和使用指南。
File API 客製上傳檔案按鈕 / input file
本篇大綱：客製上傳檔案input html 部份、客製上傳檔案input js 部份、示範頁面。最近朋友遇到一個需求，就是要客製上傳檔案的按鈕。覺得寫成一篇，然後把code存起來，以後要用比較好找。可以看到input的id，跟label的for，兩個值要是相同的，這樣就可以把label跟input綁起來。
Vue.js Transition 中用多個 v-if、v-show
本篇大綱：v-if, v-show tab功能好幫手、transition中放多個v-if、transition中放多個v-show、vue transition多個v-if, v-show整理。自從開始在用vue.js後，寫頁籤（tab）功能簡單多了。不只頁籤，相似的也很好用，比方線上測驗的換頁、手風琴。
如何使用 Vivus.js 製作輕量快速 SVG 動畫
本篇大綱：Vivus.js 主要在做 SVG 的邊框動畫、安裝、使用、頁面引用 SVG、執行Vivus.js、實作範例、SVG 圖、壓縮SVG、寫 code。最後完成的範例頁都是使用 Vivus 包含的 AJAX 方法，可以直接看頁面上的原始碼。
Google Apps Script 基本使用：跨網域 AJAX、接 Firebase
探索 Google Apps Script 的基本使用方法，學習如何進行跨網域的 AJAX 請求，並與 Firebase 進行連接。本文涵蓋 GAS 的免費額度、建立方法、AJAX 使用、資料回傳，以及如何整合 Firebase 功能進行讀寫操作。
用 Firebase、Google Apps Script、GTM 自己做一個讚按鈕
本篇大綱：為什麼要自己開發一個按鈕、按鈕樣式部份、按鈕功能部份、判斷使用者語系、在 Google Apps Script 上寫 API、cookies、發 Google Analytics 事件、埋程式碼HTML、CSS、JS、結論。
如果頁面有 id=”ga”，用 gtag 埋 Google Analytics 會收不到流量
深入了解當頁面 HTML 包含 id=”ga”，且使用 gtag 嵌入 Google Analytics 時，為何 GA 無法收到流量。本文從問題發現、原因分析到解決方法，提供了完整的指南。
GA 工具 Google Analytics Debugger 介紹及使用
深入了解 Google Analytics Debugger 工具的介紹和使用方法。學習如何確認頁面是否嵌入 GA 代碼、查看 GA Debugger 的用戶界面，以及利用此工具進行有效的 GA 偵錯。
Google Analytics 事件追蹤設定
本篇介紹 Google Analytics 事件追蹤的基本概念，探討埋GA事件的好處、GA事件的四大要素，以及如何正確設定事件類別、動作、標籤和值。此外，還會深入探討事件如何影響跳出率，並提供實際的埋事件追蹤程式碼範例。
用 Vue CLI 3 + Vuetify 製作說明頁面
用Vue CLI 3 + Vuetify 製作說明頁面 本篇大綱：關於「套件集合站」、本篇使用資源、安裝Vue CLI 3、建立Vue CLI 3專案、安裝Vuetify、製作頁面模版、抓firebase資料、Vue Router：id、pathMatch、製作頁面、build 產出原始碼、本篇原始碼。
Recent Comments