Events constants and logging

[mmahalwy]

This is a way to standardize the way we log events and name them. As noted in the file:

The goal for developers is to have them call:

FOOTER_EVENTS.CLICK.AUDIO;

and returns

{ NAME: 'Footer', ACTION: 'Click', LABEL: 'Audio' }

Better yet, calling

FOOTER_EVENTS.CLICK.AUDIO.PROPS;

will give you all the props needed for react-metrics to pass the correct data to google analytics.

[ahmedre]

Deployed to: http://staging.quran.com:32965

[naveed-ahmad]

Looks good, but we can better organize events into respected site components. For example:

Verse: [Copy, Quick Link, Play, Media]
Chapter: [...]
Footer: [...]

Also, we should track Reciters, no idea for now which is most listened Qari or most read translation.

[mmahalwy]

rebuild

[mmahalwy]

@naveed-ahmad I am organizing based off of GA's hierarchy. Agreed about reciters. PR to follow

[ahmedre]

Deployed to: http://staging.quran.com:32966