Seven Basic Google Analytic Terminogy

Featured Image- Dominik Scythe

Photo by Dominik Scythe on Unsplash

Seven Basic Google Analytic Terminogy

October 17, 2019

Users 使用者進入網站的對象總數。所謂使用者,實際上真正追蹤的對象是瀏覽器。所以若是同一台電腦,有兩個不同的瀏覽器進入同一網站,將會被記錄成 2 個使用者。

Sessions 工作階段使用者在 (預設的) 30分鐘內於網站中所有持續的活動,算一次的工作階段。

Page Views 網頁瀏覽次數使用者進入網站後,每載入一網頁算一次瀏覽次數。

Pages/Session 每單一工作階段裡的網頁瀏覽次數

Ave Session Duration 每單一工作階段的平均時間 (分:秒)

 

Traffic Source/Medium 流量來源/媒介

  • Google / Organic 代表從Google搜尋引擎而進入網站的流量,消費者搜尋後,從搜尋結果中點擊進入網站。
  • Direct / None 代表直接輸入網址或是從我的最愛書籤進來。
  • m.facebook.com/referral 代表從手機版的facebook的連結進入網站。
  • taiwannews.com.tw/referral 代表從taiwannews.com.tw的連結進入網站
  • google/cpc 代表由Google Ads 關鍵字廣告所導入的流量。
  • facebook.com/referral 代表從電腦版facebook的連結連進來。

Seven Special Halloween Website Design Tricks and Treats from Elementor

Photo Credit: Elementor Blog 

Seven Special Halloween Website Design Tricks and Treats from Elementor

October 31, 2018

Elementor 萬聖節送這個禮物,一定要收下,好好學起來喔!

Elementor Blog 1 –> Click here
Elementor Blog 2 –> Click here

 

Woo Commerce Snippets

Featured Image - WooCommerce

Woo Commerce Snippets

Oct 19, 2018

8月份因為時間緊迫,為了做這頁WooCommerce捐款,不懂程式,前後請了一位印度工程師幫我做弊寫了四次的程式,共花了US$90。現在要解碼了,還真痛苦,希望能看得懂,別再花錢了。

1- Remove Product Image 用CSS就好了:

Appearance > Customize >

.woocommerce-product-gallery {
display:none;
}

2- Change Button Color

Appearance > Customize > Color > Woo Commerce

3- Change Text-Name Your Price/Add to Cart

  • WooCommerce > Settings > Name Your Price

Change the following:

  • Minimum Price Text
  • Name Your Price Text
  • Add to Cart Button Text for Single Product

4-Change Add to Cart Text

https://www.isitwp.com/change-default-add-to-cart-button-text-in-woocommerce/

1
2
3
4
5
add_filter('single_add_to_cart_text', 'woo_custom_cart_button_text');
  
function woo_custom_cart_button_text() {
    return __('Donate Now', 'woocommerce');
}

This snippet didn’t work on me.

Used the plugin: https://wordpress.org/plugins/wc-custom-add-to-cart-labels/

 

Multilingual Plugin – WPML

Multilingual Plugin - WPML

October 19, 2018

文化節網站時,常常因為翻譯頁出現問題,本可以在15-20分鐘完成一頁卻因為翻譯plugin多花的時間,真是欲哭無淚呀!今天要做WACT網站-捐款頁時,又發現法文翻譯頁也出現同樣問題,不該再拖延找出問題的根源了。(哭)

這些問題,可能是Elementor還沒和WPML完全相容,也可能是我沒跟上WPML的更新技術,做文化節網站時是沒時間多研究的,現在把WPML相關資訊收集在這,希望可以解決問題。

Translating Images with Media Translation

10/19 WPML TicketAfter updating from WPML Multilingual CMS 3.9.4 to 4.0.7, the images on the translated French page won’t show, but you can still see the images on the backend. Please see attached 3 screen shots.

WPML Ticket - Images shown on backend
Images shown on the backend – translated page
WPML Ticket - Images not shown on frontend - translated page
Images not shown on frontend – translated page
Images shown on the original page
Images shown on the original page

10/22 WPML Reply

Are you using the WPML Media Translator?

We’ve released a new version of WPML and extensions. Please update all to the lastest versions. You can download here: https://wpml.org/account/downloads/

After that, please go to WPML > Settings > Post Types Translation and check if the “Media (attachment)” post type is set as “Translatable – only show translated items”. Then scroll down to Media Translation apply the settings for the future media and run the scan for the existing content.

10/22 Steps:

When you need to show images with content that you translated using WPML’s Translation Management, you should never edit that content manually using the WordPress “post editor.” If you do, your edits will be lost the next time you update this content using Translation Management.

WPML Media Translation

有時真是蠻挫折的,一整早上找一個以前不曾是問題的問題答案,還是找不到,只好再寄一次求救信。10/22 12:27pm

SiteGround

Web Hosting: SiteGround (cPanel)

在Hosting上的作業不是每天操作的,我也常常會忘記程序,之前總是一一手寫在筆記本了,喜歡每次看著筆記操作這些過程,就把筆記記錄在此嚕!

October 18, 2018

How to delete a subdomain site?

Step 1: Delete the WordPress installation (This will delete all the files, database, and database user.

Tutorial: https://www.siteground.com/tutorials/cpanel/softaculous-remove-scripts/

  • Autoinstallers
  • Softaculous
  • Choose <All Installations> button (looks like a wooden box)
  • Click the red REMOVE (X) button
  • Click Remove Installation to delete all the files, database and database user.

Step 2: Delete the folders from File Manger

Step 3: Delete the Subdomain

It will still stay in My Account for 24 hours.

 

March 23, 2018

How to create a subdomain in cPanel?

  1. cPanel > DOMAINS > Subdomains
    • Create a Subdomain >
    • Subdomain: xxxxx.joyofliving.site
    • Document Root: /public_html/xxxxx
    • Create
    • URL: 403 Forbidden Error
  2. cPanel > SECURITY >Let’s Encrypt 
    • Install new Let’s Encrypt Certificate > Domain: xxxxx.joyofliving.site >
    • Let’s Encrypt SSL Type: Let’s Encrypt SSL
    • Install
    • Successfully Installed SSL <OK>
    • Under Select an Action >
      • HTTPS Enforce [on]
      • External Links Rewrite [on]
      • OK
    • URL: still shown 403 Forbidden Error, but got https padlock
  3. cPanel > AUTOINSTALLERS/WordPress or WORDPRESS TOOLS/WordPress Installer (Version 4.9.8)
    • Install Now
    • Choose Protocol: https://
    • Choose Domain: xxxxx.joyofliving.site >
    • Site Settings:
      • Site Name: xxxxx
      • Site Description: xxxxx
    • Admin Account: 
      • Amin Username: xxxxx
      • Admin Password: xxxxx
      • Admin Email: xxxxx 
    • Install
    • Installed Successfully
  4. ddddd

Useful Website Tools

Featured Image- Dominik Scythe

Treehouse: Web Design

Photo by Sabri Tuzcu on Unsplash

Treehouse: Web Design

October 14, 2018

1/26/2017就開始Treehouse的課程,其中Web Design系列課程我都沒有完成1/4,如今課程都已更新過,我這種跳躍式的專注力,每天胡思亂想要如何上進,卻也從未完成一件事。今天再次提起勁來,重新來過。給自己一個目標,今年底完成Web Design系列課程,有做到,再想別的事!

 

Course 1: Introduction to HTML and CSS

October 14, 2018

  1. Getting Familiar with HTML and CSS
    • 滑鼠效應:讓圖轉起來 
    • header .profile-image:hover {
      transform: scale(2) rotate(360deg);
    • Web Development: Front End Development & Back End Development
  2. HTML: The Structural Foundation of Web Pages and Applications
  3. Make It Beautiful With CSS
  4. Adding a New Web Page
    • Text Editor: https://atom.io/
    • Google basic web page: Anatomy ​ of an HTML document
    • <!DOCTYPE html>
      <html>
        <head>
          <meta charset="utf-8">
          <title>My test page</title>
        </head>
        <body>
          <img src="images/firefox-icon.png" alt="My test image">
        </body>
      </html>
    • Link Stylesheet: <link rel=”stylesheet” href=”resume.css”>

Course 2: HTML Basics

October 15, 2018

  1. Getting Started with HTML
  2. Structuring Your Content
  3. Images, Text and Links
  4. Going Further with HTML

想跟我一起當同學嗎?
點入左圖,報名去吧!

Opt-In Page

Photo by Timo Stern on Unsplash

Opt-In

October 13, 2018

Part 1: Build the basic page

Tools:

  • Theme: Generate Press or Astra
  • Elementor Free or Pro
  • Popup Maker plugin
  • Email marketing provider:
    1. MailChimp (cheap but limited)
    2. ConvertKit
    3. Active Campaign
    4. drip (Dave’s favorite)

Part 2: Enhance it with Elementor

TYPOGRAPHY:

  • TypeKit Font: Elementor > Settings > Integrations > TypeKit > Enter TypeKit Kit ID
  •  SPAN tag: <span style=”color:#c0d322″>Green Color</span>
Ex: Let's try if the html code turn them to Green Color
  • html code for bold print: SEND ME MY FREE GUIDE

Part 3: Add the popup, form & thanks page

  1. Thank you page
  2. Popup Maker Plugin (Free) by WP Popup Maker
    • Need to copy CSS Class  
    • Create the Popup design in Elementor template (Page-Elementor Canvas)
    • Take Elementor template shortcode and paste in Popup Maker
  3. Opt-In Form Choices
    • Elementor Pro
    • Email Provider’s Embed Code
    • WordPress form plugin – Caldera Forms
    • Concert Pro
    • Convertbox

Part 4: Hook it up to your email provider

Website Template Ideas