I am new to GA and I have integrated my react app with Google Analytics 4 and sent custom events to analytics like this
ReactGA.event({category: 'abc', action: 'xyz'})
This created an event in GA4 but when I am exploring events and reports I couldn't find anywhere the metric/dimension named event_category. Please tell me how can I see the event_category of my events.
I have exactly the same setup, and 'category' does indeed show up as 'event_category' in GA4.
There are many ways to view the event and its parameters. The easiest is perhaps: Reports>Engagement>Events. A dropdown at the top-left allows you to choose your event ('Enquire' here). Then a panel at the right has a dropdown showing all of the parameters; event_category shows up there.
What makes you think ReactGA is applicable for GA4? I glanced at their git repo and it looks like it's made for UA. GA4 is different. It has a different event model, different custom dimensions model, different tracking endpoint, different tracking id format. GA4 doesn't have a native concept of category or action.
You're trying to use a UA library to send GA4 events. Try this one: https://www.npmjs.com/package/react-ga4
Also, read this answer: Google Analytics 4 with React GA4 is still raw, despite the eagerness with which Google pushes it. We normally suggest sticking to UA for a few more years.
Related
I'm using react-ga4 to send custom events to Google Analytics 4. I can see the events in the real-time dashboard and I can see an event with the made up name I'm using in the select of events when creating a custom event with the ui, but I can't find my data in the events tab or anywhere else outside the real-time section.
Is there something I should do on Google Analaytics and/or where can I find the custom data I'm sending?
It takes 24 hours to appear on the events tab
You can also confirm the correctness of your code by checking the event's hit from the networks tab in the dev console of your browser.
The API to GA for your event should start with https://analytics.google.com/g/collect?v.... In the payload tab here, you should be able to view the following fields for your event:
ep.category
ep.action
ep.label
NOTE: It takes upto 24hrs (as mentioned in above answer) for the event to appear in the events section of your GA4 property
I am building a warehouse management system for WordPress store in React.js: I have built an API (http://wms-api.martoo.com/api/wms-orders) for orders and fetching all the orders in my React Dashboard.
Now I want to show notification for each order in my React dashboard. What's the best approach for that to show notification automatically when someone places an order through WordPress eCommerce. Probably sockets can help but I am looking for the solution. I will appreciate your help.
I have checked for different methods but non worked. I have tried webhooks, cron jobs but this method is effiecient. I have used pusher
Go at https://pusher.com/
Click on "Get a free account". Then register yourself at it.
Create a new App at the Channels tab.
Write the name of your app anything you want.
Choose ap2 (Asia Pacific(Mumbai)) or any other closer to the region of the website's owner on the cluster tab.
Ignore everything else and click on create.
Go to the apps tab in the navigation menu and click on the app you've created.
Read documentation for further instructions
I am currently working on the setup page for my custom MS Teams Connector.
For inspiration, I was looking into other companies and one particular thing caught my attention.
Teams usually has at the bottom 2 buttons, like here in my setup page:
I have no Problem communicating with them using the #microsoft/teams-js client SKD and could make my page work like it is now. But I got curious how to do it with custom buttons like other Companies.
For example Trello:
Like you can see they moved the buttons up and also have a login button.
I also need to add authentication form my Connector, so I was wondering if its possible to archive a similar layout for my Connector.
For the Setup page I am using web app created with create react app
So my questions are:
Is this possible using react?
If yes how is it done?
I could not find much documentation regarding this topic.
The behavior is by design. Quite a while back we started giving developers more control in the tab configuration flow and allow them to render their own button within the iframe. Everything within that task module is now controlled by the app.
I'm trying to make both sync calendar from my CMS. I'd like to do something like this:
In my iPhone I will add calendar feed from my CMS system and:
- if I create event in CMS, the event will be visible in CMS and also in my iPhone
- if I edit event in CMS, the changes will be visible also in my iPhone
- if I create event in iPhone in synced calendar, event will be visible also in CMS
- id I edit event in iPhone, the changes will be visible also in CMS
Is possible to make it via CalDav? Do you have any tips?
Thank you for your help
Yes, this is possible via CalDAV. This is a good introduction on how all this fits together: Building a CalDAV client.
Please ask more specific questions for more specific answers :-) StackOverflow: How to Ask.
I am trying to make a webpage that looks like the Google Calendar and allows anyone to add/edit/delete any event, working like a notice board.
For now I am using a customized UI to show all the events in my Google Calendar and it works perfectly. But I can't find out how to let anyone access my Google Calendar to post, edit or delete events. I tried AuthSub but it requires user to enter the username and password I provide. I don't want them to enter anything, neither their own Google Accounts nor the public Google Account I provide, except events. Is there any good and free choice to do that?
If you're not completely tied to Google Calendar, you could have a look at Calagator. Originally written specifically for the Portland tech community, it can be adapted fairly easily - my friend did up VanCal.org, which does a similar function. In addition to add / delete / edit, you can import and export events from Google Calendar, iCal, etc.