Category Archives: Google

Example to build datalayer for Google Enhanced Ecommerce

Reference:

Config Pixel Purchase in Google Tag Manager

  1. Install Pixel base
    Add this line to tell Tag Manager this tag is loaded.

    Image 4
  2. Get ready your advanced ecommerce datalayer of google
  3. Create a variable (Custom javascript) called “Transform Total for Pixel” to transform data from datalayer for pixel purchase event
  4. Create a new Tag – Purchase (Custom HTML)
    Image 2
    Image 3
  5. Config trigger (Recommended triggered by event instead of page view)
    Image 5

Reference

Google Analytics Ecommerce tracking via Tag Manager

 

Enhanced ecommerce tracking with tag manager

Image 20

Reference:

  1. Tag Manager for enhanced-ecommerce
  2. https://developers.google.com/tag-manager/enhanced-ecommerce#overview
  3. e-commerce tips for tag manager
    https://www.simoahava.com/analytics/ecommerce-tips-google-tag-manager/
  4. Google Analytics for ecommerce:
    https://developers.google.com/analytics/devguides/collection/analyticsjs/ecommerce
  5. Unlock the Data Layer: A Non-Developer’s Guide to Google Tag Manager
    https://www.lunametrics.com/blog/2013/10/15/unlock-data-layer-google-tag-manager/
  6. Implementing E-commerce tracking via tag manager:
    https://www.optimizesmart.com/implementing-e-commerce-tracking-google-tag-manager/

Tag Manager + Pixel

Install Google Tag Manager in web

Create Tag for Pixel base code

Create Tags for Pixel built-in events

 

Product Catalog for Pixel

Google Product Category and Product Type

Reference:

G Suite 使用說明

https://admin.google.com

管理網域:

控制台首頁 -> 下方”更多控制項”

低安全性應用程式帳戶存取設定(Allow less secure apps)

預設是禁止所有成員自行改變設定,因此成員登入自己的google帳戶,會看不到這個選項

控制台 -> 安全性 -> 基本設定 -> 開啟「低安全性應用程式」設定 ››

Image 7

Reference:

APP應用程式密碼:

密須開啟兩階段認證後才可以取得

http://open.mymy.tw/index-traitshow.html?id=109

驗證網域:

https://support.google.com/a/answer/60216?hl=zh-Hant

DNS中的MX設定:

https://support.google.com/a/answer/174125?hl=zh-Hant

SMTP:

 

 

Sending Emails using Gmail

如果要利用phpmailer由Gmail發信,要設定google account:

未開啟兩階段認證:

要啟用”允許安全性較低的應用程式”

注意: 有可能在帳戶中找不到這個選項,應該是有使用G Suite而且權限被Dsiable, G Suite的設定參考這一篇


image-24

 

已啟用兩階段認證:

要取得應用程式密碼

Google Place API

  1. Get an API key
  2. Get library
  3. Get library
  4. Get library

Library: https://developers.google.com/maps/documentation/javascript/places

Example: https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform

Place types of autocomplete service:
https://developers.google.com/places/supported_types#table3

 

tinyMap to handle Google Map

http://app.essoduke.org/tinyMap/

HTML

Javascript