Tuesday, May 30, 2017

How to track signups with Google Analytics (without thank-you pages)

SET THE "TRIGGER"

1. Paste the following snippet into the code that loads after signup is successful (e.g. the "Successfully logged in" popup)

ga('send', 'event', { eventCategory: 'video', eventAction: 'play', eventLabel: 'watchnow', eventValue: 1})

So that it sends info to GA after a button is clicked:

<input id=”contact-submit” class=”button” type=”submit” value=”Submit” onClick="ga('send', 'event', { eventCategory: 'video', eventAction: 'play', eventLabel: 'watchnow', eventValue: 1});">

or it sends info to GA when a pixel is loaded:

<img src="http://www.mydomain.com/1x1_blank.jpg" onLoad="ga('send', 'event', 'Banner', 'Impression','Banner1');"/>

<img src="popup.gif" onload="ga('send','event','popups','popup-homepage');">


SET THE "LISTENER"

1. GA > Admin > Property > View > Goals > "Add New Goal"
2. Goal setup (Custom) > Goal Description (Signups) > Goal slot ID (select an unused slot) > Type (Event)
3. Goal details
Category=video
Action=play
Label=watchnow
Value=1
4. Use the Event value as Goal Value for conversion: YES
5. SAVE


VIEW GOAL PERFORMANCE

1. GA > Acquisition > Campaigns > All Campaigns
2. Primary Dimension: Campaign
3. Conversions (select the goal description made earlier e.g. "Goal 2: Signups")
OR
Reports > BEHAVIOR > Events


Sources
https://developers.google.com/analytics/devguides/collection/analyticsjs/events
https://developers.google.com/analytics/devguides/collection/analyticsjs/sending-hits
https://support.google.com/analytics/answer/1033068?hl=en
https://www.optimizesmart.com/event-tracking-guide-google-analytics-simplified-version/
https://www.koozai.com/blog/analytics/the-complete-google-analytics-event-tracking-guide-plus-10-amazing-examples/

If using Google Tag Manager:
https://www.optimizesmart.com/event-tracking-in-google-tag-manager-v2-complete-guide/#TrackingExternalLinks

Friday, May 26, 2017

How to convert SVG images (in html format) to PNG

Sometimes SVGs are displayed on a webpage in html format, for example:

  <svg xmlns="http://www.w3.org/2000/svg" class="logo--white pts">
            <polygon points="18.523,1.054 18.518,0.265 0.719,0.265 0.719,1.93 15.282,1.93 0,20.07 0,20.735 18.626,20.735
            18.626,19.07 3.248,19.07"/>
<path d="M36.263,0.118l-9.709,20.617h2.081l3.269-6.956h9.838l3.269,6.956h2.081L37.383,0.118H36.263z
             M40.963,12.114h-8.281l4.126-8.833L40.963,12.114z"/>
   </svg>

How to save such images?
1. Go to http://nytimes.github.io/svg-crowbar/
2. Drag the "SVG Crowbar 2" to your bookmark bar. Ensure u see the indicator (that your resultant drag will be dropped into a slot on the bookmark bar) before you release your mouse button.
3. Go to the webpage with the svg u intend to save.
4. Click the "SVG Crowbar 2" button on your bookmark bar.
5. Depending on how many SVGs there are on the webpage, you will see that many options appearing onscreen, asking you which SVG you want to save. Just go to your desired option, then click on the white rectangle button to save that SVG.
6. Use GIMP to open the SVG file. It will ask you for the dimensions you wish to import to. Rightclick on the SVG at the webpage to check the dimensions, then key into GIMP accordingly.
7. While still in GIMP, export the svg to png.

Sunday, May 21, 2017

How to Pay MBPJ Summons Online with Discount (Updated)

This article shows you TWO (2) ways to save money:

  • How to get discounts when you pay your MBPJ summons; and 
  • How to save more money when you shop at your favorite website


[Video]: How to Get Discounts for MBPJ Summons
(Video coming soon. For full text instructions, see below.)

[Video]: How to Save More Money When You Shop at your Favorite Website




Why should I join?
  • Shop your favorite brands
  • You save double with discounts from sellers and money back from GetCashBack.my
  • Easy to use & free to join



Genuine Testimonials

  • "Dude thanks for this guide! Really helpful, didn't need to go all the way there to get discount and all haha" -- Aiyas Aboobakar
  • "Thank you ! This is very helpful as my summon got discounted from RM100 to RM30 only ! Though It did took quite a while for the summon to be enlisted on the website (2 full working days)" -- Zhariff Sulaiman
  • "Thanks for the post. Youre a life saver haha" -- Jason Ryan
  • "Thanks a lot for your info. First time kena saman. Didn't think that mbpj ppl would be so rajin work at night." -- Theresa
  • "Many thanks for the info! :D :D :D" -- SY Gan
  • "We have to pay for our mistake and thanks for providing this method i appreciate it a lot. Im paying rm70 too because all my summons are so overdue :P" -- Patricia Lim



[Full Details]: How to Pay Your MBPJ Summons Online with Discount


Did you know?

The summons for displaying an invalid ticket (i.e. has already passed its duration) is RM30. Compare this to the summons for NOT displaying any ticket (you get fined RM100). Wow.

What can we learn from this?
Yep, it's better to display an old ticket than no ticket.


How to check for existing MBPJ summons:

2. From the dropdown Jenis Carian, select No Kenderaan (i.e. vehicle registration number)
3. Then under Maklumat Carian, enter your vehicle registration number, without a space e.g. abc1234
4. Hit the "Cari" button to search the records
5. When the results are displayed, click on the entry under the "No. Kompaun" heading for details. You may print a copy of the compound by clicking the "Cetak Salinan Kompaun" button, or find a new compound with "Cari Semula".
6. Write down this Summons Number for later use.


How to pay for MBPJ summons online:

2. If this is the first time paying online, you'll need to register yourself. Click the link in "Sila klik disini untuk mendaftar jika anda belum mendaftar."
3. If you've forgotten your password, click the link in "Jika anda lupa kata laluan anda, sila klik disini".
4. When you first register yourself, these are the required details:
  • Name
  • User ID (NRIC, Passport number)
  • Password
  • Email address
5. After logging in, from the dropdown box Kemudahan, select Kompaun Trafik & Pelbagai 
6. Under "No Kompaun", fill in the Summons Number you wrote earlier.
7. Hit the "Cari" button.
8. In the results shown, tick the entry for the compound you wish to pay (tick box is next to the "Amaun" heading), then click "Tambah Di Senarai" (add to list)
9. Finally, tick the entry in the list which you wish to pay, then click the "Bayar" (pay) button.

Note: By paying online, I noted that my summons payable was reduced:
  • RM30 summons appeared as RM15. 

  • RM100 summons appeared as RM30


I was pleasantly surprised and happy with the discount.

10. Click "Kad Kredit" to complete payment with credit card.
11. After payment is successful, you can view your past transactions paid. Just go to "Rekod Transaksi" in the main dashboard. Note that the record is not kept indefinitely, so it's a very good idea to print a copy of the payment slip for yourself and keep it safely.

Friday, May 19, 2017

Tips on creating a Video ad

Video ad:

1. Get to the point straight in first 3-4 seconds (this enables viewers to decide if they want to continue watching)
1.1 don't say "i want your attention" (viewers will decide if they should give it to u)
1.2 don't say "Are u a graduate/mom/etc?" (u may have a target market, but this immediately pushes away other viewers who aren't your target market but will still use your product)
1.3 ask a question which the video's content can answer

2. Font
2.1 font-family: make it special. normal Microsoft fonts are a turnoff (especially daily users of MS Office)
2.2 font-size is viewable without straining eyes (test on small mobile screen)
2.3 high-contrast e.g. white fonts with black borders

3. Content
3.1 Short sentences
3.2 Give theory, then example (to hit the point home)
3.3 Animation rocks (if done properly)

3. Speed
3.1 Each scene's duration (seconds) = [number of words in that scene]/2
3.2 Minimum duration per scene = 3 seconds
3.3 Video should be 1 minute or less (cater to short attention span viewers)


4. Voiceover with good intonation

Thursday, May 18, 2017

How to Remove Car Sticker from Glass

For those who drive, changing the vehicle's road tax sticker is part of the responsibility of using the vehicle. When it comes to doing so, there is always the icky situation of removing the old road tax sticker in order to paste the new one. Often, the old sticker just splits into many pieces, and we are left with many splinter pieces still stuck on the windscreen. Worse, there often is glue residue where the sticker has  been peeled off.

How do you get a slick new glass surface?

Here's how: Get the following ingredients

  • small bottle of methanol spirit
  • cotton

Steps

1. First, ensure all of the old road tax sticker is removed. Using the blunt rounded edge of the keyring (metal ring attached to your vehicle keys) seem to work well for me. This requires rubbing the remaining sticker vigorously with the round metal edge of the keyring. Windscreen is hardy enough to withstand scratches.
2. Dab the cotton with some methanol spirit. Vigorously rub the methanol-soaked part of the cotton on the glue residue. The glue residue should come off quickly.
3. Allow the methanol spirit to evaporate off the glass. You'll be left with a clean glass surface, ready for the new road sticker.

Monday, May 8, 2017

How to Identify the Font used by others

1. Go to https://www.myfonts.com/WhatTheFont/ 2. Upload the IMAGE containing that font and submit

Sunday, May 7, 2017

How to Record a Video of your Screen Activity

Why use ActivePresenter?
- Can record video
- Can edit video
- No watermark (none observed thus far)

1. Download and install Atomi's ActivePresenter https://atomisystems.com/download/
2. ACTIVEPRESENTER > Create Project - Name, SaveIn - Record Software Demonstration - Edit capture profile (icon of yellow pencil) > "Cursor" tab > More Settings > Cursor Highlight (Color #FFFF00, Opacity 100, Size 30) > Left Click (Type: concentric circles, Opacity 100, Size 30) OK Save OK
3. Capture area > Custom (Drag borders to fit the smallest area possible to minimise file size) > Hit the record button (big red circle)
4. Perform your on-screen activity.
5. Hit Ctrl+End to stop recording.

Blur sensitive areas
1. Click on a video channel
2. Select a time range
3. Click on "Insert Blur Area" button

Adjust volume for different sound objects
(Applicable if 2 sound objects e.g. voiceover and background music have different volume levels)
1. Ensure that sound object is unlocked for editing (you'll see an icon  of an opened lock)
2. Click on that sound object to select it. It should be highlighted now.
3. click the "Adjust Volume" button (icon of a speaker with green plus and red minus sign).


PRODUCTION STEPS

ActivePresenter
1. Export video:
Video
Frame Rate: 30
Width: 1280
Height: 720
Quality: 100
Audio
channels: Stereo
Sample rate: 48000Hz
Quality: 100
Output
Format: MKV



OpenShot
1. Import video1 (the one produced by ActivePresenter) and video2 (containing soundtrack)
2. Drag both videos to timeline.
3. Mute video1, and for video2: separate the soundtrack and remove the video (keep the soundtrack)
4. Export video:
Target: MP4 (h.264)
Video profile: HD 720p 30 fps
Quality: High

Popular Posts