Google Analytics

### Dependency
- [x] #3863
- [ ] After homepage relaunch

### Overview
As a product manager, I need GA to track activity on the hackforla website so that we can understand user behavior

### Details
for this issue, you will need access to the website 1password account
### Action Items
- [ ] Get access to the GA account
- [ ] Get access to the webadmin@hackforla.org email
- [x] Write up a summary of our GA deployment (see resources)
- [ ] Make a copy of the Dashboard 1 and put the link to copy under Dashboard 2 below
- [ ] revise Dashboard 2 to have
- [ ] selectable date ranges for all data (by each year and all years)
- [ ] data from all dates from origin to current
- [ ] once the design is accepted, it will be integrated into Dashboard 3
- [x] Track events according to north start metric (Acquisition) and other metric (Revenue) => track flow of prospective donors
- [ ] Track events according to north start metric (Acquisition) and other metric (Revenue) => track flow of prospective volunteers

### Resources/Instructions
GA Deployment

GA exists on all pages because its in the head.html page

https://github.com/hackforla/website/wiki/Hack-for-LA's-Site-Architecture#api-endpoints
Google Analytics is our primary tool for analyzing user interaction and traffic to the Hack for LA website. The script for the Google Analytics API can be found in the [head.html](https://github.com/hackforla/website/blob/gh-pages/_includes/head.html) file as well as the [redirect.html](https://github.com/hackforla/website/blob/gh-pages/_layouts/redirect.html) layout file, to ensure that every page will be analyzed.

#### Related issues
- #503
- #767
- #567
- #950
- #3863
- Website User Behavior Modeling - current visitor data gathering #128
- [HfLA site: GA research](https://docs.google.com/document/d/1aAKClzapFqGFNdd_Y4JdybP4tmzBceIo_MG3Kh_Dy6k/edit)

### Dashboards
The owner of the dashboards is webadmin@hackforla.org
You can see all drafts when you are in this account: https://lookerstudio.google.com/

#### Process for making new dashboards
- log into the webadmin account,
- create the new dashboard file, or copy an existing dashboard,
- add your own email address as an editor.
- Copy the dashboard URL and add it below
- Log out of the webadmin account
- log into your own email to edit the dashboard

#### Current dashboards and drafts
- Dashboard 1: Draft A [Google Data Studio/google analytics](https://datastudio.google.com/reporting/1a06630e-6118-4ed1-aac5-78d218d98e7a/page/XkvUC) - a draft dashboard where we are brining our Google Analytics data into a public dashboard format. After we finish drafting it it will be included in the dashboard below
- Dashboard 2: Draft B
- Dashboard 3: Public [Google Data Studio/organizational dashboard](https://datastudio.google.com/reporting/1lp5ITiHAIKfmrlc0Gp5mVZohHoDQc3FM/page/e1JSB) - We publish this dashboard in an iframe on the hackforla.org website. https://hackforla.org/dashboard

#### If we later decide to add tags
Here are the steps to begin event tracking:
1. Set up Google Tag Manager
2. Identify what events we want to track
3. Create the events in Google Tag Manager

Source: https://www.youtube.com/watch?v=oQNA8itUXOk&ab_channel=Simplilearn
Provided by Pamela in this [comment](https://github.com/hackforla/website/issues/1730#issuecomment-896126198)