วันจันทร์ที่ 19 กุมภาพันธ์ พ.ศ. 2561

เมื่อ Google Analytics for Firebase ไม่รองรับ Hosting เราจะทำยังไงดีน๊า

เราเองก็ใช้ Firebase มาประมาณนึงแหละ

ถ้าทำแอปเราก็สามารถใส่ Google Analytics for Firebase ได้ในบรรทัดเดียว ตอนเพิ่มใน gradle
แต่พอเรามาทำเว็บใน Firebase Hosting ก็เริ่มมีปัญหา คือ Google Analytics for Firebase รองรับเฉพาะแอปหล่ะสิ แล้วทีนี้เราเก็บสถิติคนเข้าเว็บยังไงดีหล่ะเนี่ย

ให้ Firebase Hosting มา แต่ดันไม่ให้ Analytics มานี่นะ  -*-

ทางออกของปัญหานี้ คือ ติด Google Analytics นี่แหละ

กลายเป็นว่า ก่อนที่คุณจะให้ใครมาเล่นเว็บที่ทำจาก Firebase Hosting คุณต้องติด Google Analytics ก่อนที่จะปล่อยออกไป เพื่อเก็บสถิติเว็บที่เราสร้างขึ้นเนอะ

หนูพาสเทลระวังตกนะลู๊กกก ><

จริงๆมันก็คือ case study นะ เราติด Google Analytics หลังจากปล่อยสามเว็บนี้ ทำให้บางเว็บไม่เจอจุดพีคว่าคนเข้าไปหน้าไหนบ้าง มาจากไหนงี้

- เว็บลุงสุขุม : https://loongsukhum-7a4a9.firebaseapp.com/
- เว็บน้องหมีตัวแตก : https://onemeal-d909a.firebaseapp.com
- เว็บ portfolio : https://mikkipastel.firebaseapp.com/

อันนี้ติดตอนหลังงาน open data ของเว็บลุงสุขุม ก็มีคนเข้าไปหาลุงบ้าง
ในที่นี้เราจะใส่เพิ่มใน 2 เว็บ คือ เว็บน้องหมีตัวแตก กับ เว็บ portfolio อาจจะยกมาแบบสลับๆกัน

เอางี้ มาเริ่มกันดีกว่า ไปที่เว็บไซต์ของ Google Analytics จากนั้น sign-in ให้เรียบร้อย

ไปที่เมนู Admin จากนั้นไปเพิ่ม Account โดยการไปกด drop-down เพื่อสร้างใหม่ ซึ่งเราสามารถตั้งชื่อโปรเจกเองได้

Property เราจะให้เจ้า Google Analytics เก็บข้อมูลจากไหน ไปเพิ่มโดยการกด drop-down เช่นเคย สามารถเพิ่ม resource ได้ 2 ประเภท คือ แอปมือถือ กับ เว็บไชต์

ถ้าใน mobile app จะ link กับตัว Firebase นะ สามารถจิ้ม package id ได้เลย แน่นอนหล่ะ มันไม่แนะนำให้เราใช้กับแอป นางจะไล่ให้ไปใช้ Firebase แทน 55555


เราต้องเลือก tab website เนอะ ใส่ชื่อเว็บลงไป ซึ่งมันจะเป็นชื่อ Property ของเรา ใส่ url ของเว็บที่เราต้องการ เลือก catrgory และ time zone เมื่อใส่ข้อมูลเสร็จแล้ว กดปุ่ม Get Tracking ID เลยจ้าาา


จากนั้นเราก็จะได้ Tracking ID มา สามารถเข้าไปใช้ได้เลย และสำหรับหน้าเว็บ สามารถก็อปโค้ดในส่วน Global Site Tag ไปแปะที่หน้าเว็บ ในส่วนของ <HEAD> ในทุกหน้าเว็บนะ มีหน้าเดียวก็สบาย ใส่ที่ index.html หน้าเดียว แต่ถ้ามีหลายหน้าก็ใส่หมดทุกหน้านะ



สุดท้ายยย หน้า Admin ก็จะเห็นทั้งหมดเป็นแบบนี้


เรามาทดลองใส่หน้าเดียวที่ index.html ผลคือ มันจะเก็บ tracking ที่หน้า index.html อย่างเดียว

ดังนั้นใส่โค้ด tracking แบบนี้กับทุกหน้าเนอะ สำหรับเว็บใส่โค้ดเสร็จไม่ต้องทำอะไร มัน detact ได้เองว่า user เข้าไปที่หน้าไหน สามารถดูแบบ real-time ได้เลย แบบนี้

หลังจากติด tracking code ทุกหน้าแล้ว หน้าไหนมีคนเข้าก็จะเห็นประมาณนี้

หน้า real-time สามารถบอกได้ว่า ใน 30 นาทีนี้ คนเข้ามาหน้าไหน pageview เท่าไหร่ มาจาก device อะไร มาจากไหน บลาๆ
แค่ผลที่ไม่ค่อยดี คือ Firebase Hosting ของเรานั้น มีส่วน bytes stored ที่เพิ่มขึ้นมา หลังจากที่เราเพิ่ม Google Analytics ลงไป ให้เราดูตกใจเล็กน้อย


ตอนแรกแบบ bytes stored มันจะขึ้นมาแบบน่าตกใจเว้ยย แบบงงว่าทำไมเพิ่มขนาดนั้น ตอนลุงสุขุมมันไม่ค่อยขึ้นเยอะขนาดนี้นะ ต้องรอหลายวันมันถึงจะนิ่งนะ


เราเองก็สงสัยนะ ทำไม ทำไมมีสีฟ้ากับสีม่วง ในส่วน Bytes Stored ด้วยนะ ต่างกันตรงไหนน๊าาาา ทำไมเดี๋ยวฟ้าเดี๋ยวม่วง ปกติที่จำได้มีสีเดียวนี่นาา เลยเอาไปถามในกรุ๊ป Firebase Developer Thailand ซึ่งเป็นคำตอบจากที่พี่ตี๋ไปถามใน stackoverflow มา เป็นดังนี้

ref: https://stackoverflow.com/questions/48140962/what-is-the-difference-between-blue-and-purple-bytes-stored-in-firebase-hosting

อื้มมมม จ้าาาาาา เราไม่ต้องไปกังวลสงสัยอะไรหล่ะ.... ทางนั้นบัคเอง
ตอนที่ปล่อยบล็อกเขาแก้บัคตัวเส้นม่วงเรียบร้อยไปแล้ว และเส้นมันก็นิ่งเหมือนเว็บลุงสุขุมนั่นแหละ

----------------- ----------------- ----------------- ----------------- 

สำหรับใครเพิ่งเริ่มรู้จัก อยากเริ่มทำตั้งแต่พื้นฐานเลย อ่านได้ที่ https://googleanalyticsthailand.wordpress.com/2015/03/01/%e0%b8%a7%e0%b8%b4%e0%b8%98%e0%b8%b5%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%95%e0%b8%b1%e0%b9%89%e0%b8%87-google-analytics/

----------------- ----------------- ----------------- ----------------- 

 ของแถม สำหรับ blogger แห่งนี้ก็ทำได้นะ เพียงใส่ Tracking ID ลงไป เลือก การตั้งค่า -> อื่นๆ แล้วเลื่อนไปหา Google Analytics แล้วกรอกลงไป


ข้อมูลที่ได้หลังจากการติด Google Analytics ประมาณ 1 วัน เป็นแบบนี้ เราแคปมาให้ดูคร่าวๆนะ

บอกได้ว่า คนเข้าจากไหน ส่วนใหญ่ของเราเป็น Organic Search นะ

เข้าไปที่หน้าไหนบ้าง จำนวน pageview แต่ละวันมีเท่าไหร่ และเท่าหมดของแต่ละวันมีเท่าไหร่

อันนี้บอกว่าคนเข้ามาดูช่วงไหน มาจากไหน ใช้ device อะไรบ้าง
ของบล็อกสามารถดูพฤติกรรมคนอ่านว่าอ่านอะไร แล้วไปไหน drop-off เท่าไหร่ เพื่อเอาไปปรับปรุงบล็อกต่อไป

ถือว่า 2018 plan list ข้อแรกก็ได้ผ่านไปแบบง่ายๆงงๆ คือ ตอนนี้สามารถ tracking ได้ทุกหน้าว่ามี pageview เท่าไหร่ แต่เข้ามาจากไหนอาจจะยังไม่เห็นภาพชัดเจนในวันแรกเนอะ แต่คิดว่าน่าเก็บ stat ของบล็อกตอนทำ CMS เองได้อยู่ ถ้าทำเว็บบล็อกเองแต่ไม่มี analytics นี่ชีวิตพังเลยเนอะ

หวังว่าจะเป็นประโยชน์กับคนอ่านนะ :)

ป้ายกำกับ: ,

เขียนโดย minseo @ กุมภาพันธ์ 19, 2561   0 ความคิดเห็น

วันอาทิตย์ที่ 18 กุมภาพันธ์ พ.ศ. 2561

[Review] Hiruscar Silicone Pro ตัวช่วยลดลอยรอยแผลให้จางลงใน 4 สัปดาห์

สาวๆหลายคนคงมีปัญหากวนใจเกี่ยวกับเรื่อง แผลผ่าตัด แผลอุบัติเหตุ แผลเป็นศัลยกรรม แผลผ่าคลอด รวมไปถึงคีลอยด์ บางทีเราเองถ้าเลือกได้ก็ไม่อยากมีรอยแผลเป็นต่างๆเกิดขึ้นเนอะ เราต้องมาหาครีมที่ลดรอยแผลเป็น ให้จางลงได้จนหายไปแบบไม่เคยมีอะไรเกิดขึ้น แต่วันนี้เรามีตัวช่วยในการนำเสนอ นั่นคือ Hiruscar Silicone Pro นั่นเอง


เจ้า Hiruscar Silicone Pro มีความพิเศษคือ เป็นเนื้อซิลิโคนเจล อันเป็นนวัตกรรมใหม่ในการรักษารอยแผลเป็น


แกะกล่องมา มีแผ่นคู่มือการใช้งาน และเจ้า Hiruscar Silicone Pro นั่นเอง โดยขนาดที่นำมารีวิวในวันนี้ คือ ขนาด 10 กรัม นั่นเอง


Hiruscar Silicone Pro (ฮีรูสการ์ ซิลิโคน โปร) 
ผลิตภัณฑ์ดูแลรอยแผลเป็นที่พัฒนาขึ้นโดยเฉพาะ ผ่านการทดสอบทางคลินิค ช่วยดูแลรอยแผลเป็นด้วยการคงความชุ่มชื้นของผิวโดยรักษาสมดุลการสูญเสียน้ำของผิว (Transepidermal Water Loss) และช่วยบรรเทาอาการคันที่เกิดจากแผล นอกจากนี้ ยังมีส่วนผสมของ Stabilized Vitamin C ช่วยให้รอยแผลเป็นแลดูจางลง และ Vitamin E ช่วยดูแลรอยแผลเป็น 
ฮีรูสการ์ ซิลิโคน โปร มีเนื้อซิลิโคนเจลใสที่เกลี่ยทาได้ง่าย แห้งเร็ว เคลือบผิวยาวนานขึ้น เพื่อช่วยดูแลรอยแผลเป็นให้แลดูสีจางลง แผลเป็นอ่อนนุ่มขึ้นและลดเลือนรอยแผลเป็น
มีส่วนผสมของ
• Silicone (Cyclometicone, Dimethicone, Cyclopentasiloxan)
• MPS: MUCOPOLYSACCHARIDE POLYSULPHATE

จากการแกะกล่องและอ่านคู่มือ มีจุดสำคัญ คือ "แนะนำให้เริ่มใช้ ฮีรูสการ์ ซิลิโคน โปร ตั้งแต่ระยะเริ่มแรกของแผลเป็น เช่น แผลเกิดใหม่ (เกิดขึ้นภายใน 3 เดือน) และเริ่มใช้ทันทีเมื่อแผลหายหรือปิดสนิทดีแล้ว" อ้าว

แผลที่มารีวิวกันมาในวันนี้ คือ แผลผ่าตัดไส้ติ่งนั่นเอง ซึ่งอยู่ด้านขวามือเนอะ และจากเมื่อสักครู่ คาดว่าน่าจะไม่ได้ผลหลังการใช้ที่ว๊าวทันตาเห็นแน่นอน เนื่องจากเราผ่าตัดไส้ติ่งเมื่ออายุ 14 ปี เมื่อเทียบอายุปัจจุบัน พบว่า ผ่านไปแล้วสิบกว่าปีที่ผ่านมา ปัญหา คือ แผลยังคงอยู่แบบค่อยๆจางหายไป ถึงไม่มีผลต่อชีวิตประจำวันแต่ก็มีความกังวลอยู่นิดนึง

วิธีใช้
1.หลังจากทำความสะอาดบริเวณ รอยแผลเป็นเบาๆ และซับให้แห้ง บีบเจลขนาดประมาณเมล็ดถั่วเขียว แตะลงบนรอยแผลเป็นและลูบบางๆ ไปในทิศทางเดียวให้ทั่วแผล ไม่ต้อง ถูนวด
หมายเหตุ ควรใช้เจลขนาดเส้น ผ่าศูนย์กลาง ประมาณ 6 มม. สำหรับรอยแผลเป็นขนาด 8 ซม.
2.ปล่อยไว้ให้แห้ง ประมาณ 1 – 2 นาที แล้วสามารถ สวมเสื้อผ้า หรือแต่งหน้า ได้ตามปกติ
3.ใช้ฮีรูสการ์ ซิลิโคน โปร วันละ 2 ครั้ง (เช้าและเย็น)
4.เพื่อป้องกันการเกิดรอย แผลเป็น ควรเริ่มใช้ทันที หลังจากบาดแผลปิดสนิท
ข้อควรระวัง ใช้ภายนอกเท่านั้น , ห้ามใช้กับแผลเปิด , หลีกเลี่ยงดวงตา และ เนื้อเยื่ออ่อน , หากเกิดอาการแพ้ใดๆควรปรึกษาแพททันที , เก็บให้ห่างจากมือเด็ก , เก็บในที่แห้งและเย็น , ห้ามใช้ร่วมกับยาปฏิชีวนะ
ระยะเวลาที่ควรใช้ ฮีรูสการ์ ซิลิโคน โปร
ควรใช้ต่อเนื่องเป็นเวลา 2 เดือน และอาจใช้ต่อเนื่องนานขึ้นได้ตราบเท่าที่สังเกตเห็นการเปลี่ยนแปลงรอยแผลเป็นในทางที่ดีขึ้น สำหรับรอยแผลเป็นที่ชัดเจน อาจใช้ระยะเวลาตั้งแต่ 3 – 6 เดือนขึ้นไป จึงจะเริ่มเห็นผลของการใช้ผลิตภัณฑ์อย่างเต็มที่

ตัวซิลโคนเจลนั้น เป็นสีใส มีความอ่อนนุ่มในตัวเอง พอทาไปที่แผลแล้วรู้สึกเหมือนมีเกราะซิลิโคนป้องกันแผลผ่าตัดนี้ ดูเรียบเนียนไปกับผิวได้เป็นอย่างดี


เราเริ่มใช้เจ้า Hiruscar Silicone Pro มาประมาณ 4 สัปดาห์ รอยแผลเป็นสีเริ่มดูจางลง ขนาดเล็กลงนิดนึง ลดเลือนรอยแผลเป็นได้แบบค่อยเป็นค่อยไป แผลเป็นอ่อนนุช เอ้ยยย อ่อนนุ่มขึ้น และจริงๆช่วยลดอาหารคันได้นะ เพราะตัวเจลเป็นเหมือนฟิล์มเคลือบเพื่อปกป้องผิวจากสิ่งรบกวนภายนอกและแบคทีเรีย แต่เนื่องจากไม่ใช่แผลผ่าตัดใหม่ จึงไม่ได้สามารถเคลมในส่วนนี้ได้จ้า


 ผลการใช้ในขั้นต้น ค่อนข้างประทับใจ คุณภาพสมราคา สามารถบอกต่อไปยังคนอื่นๆได้ :)
สามารถหาซื้อ Hiruscar Silicone Pro ได้ที่ boost , watson และ ร้านยาชั้นนำ มี 2 ขนาด คือ 4g ราคา 310 บาท และ 10g ราคา 560 บาท


ช่องทางติดต่อ/ติดตามข้อมูลข่าวสาร
Facebook : www.facebook.com/Hiruscar/
Website : https://www.hiruscar.com/index.php/siliconepro

------

ป้ายกำกับ:

เขียนโดย minseo @ กุมภาพันธ์ 18, 2561   0 ความคิดเห็น