# Event occurred
Learn how to track a custom event.
This event tracks a domain-specific event.
> **When should I track this event?**
>
> Track this event whenever you want to record that something happened for later analysis or personalization.
## Implementation
Here is an example of how to track this event:
**JavaScript**
```javascript
import croct from '@croct/plug';
croct.track('eventOccurred', {
name: 'userRatedProduct'
});
```
**HTML**
```html
My awesome application
```
**React — JavaScript**
```jsx
import {useCroct} from '@croct/plug-react';
export function Example() {
const croct = useCroct();
const track = () => croct.track('eventOccurred', {
name: 'userRatedProduct'
});
return ();
}
```
**React — TypeScript**
```typescript
import {useCroct} from '@croct/plug-react';
import type {ReactElement} from 'react';
export function Example(): ReactElement {
const croct = useCroct();
const track = () => croct.track('eventOccurred', {
name: 'userRatedProduct'
});
return ();
}
```
**Next — JavaScript**
```jsx
import {useCroct} from '@croct/plug-next';
export function Example() {
const croct = useCroct();
const track = () => croct.track('eventOccurred', {
name: 'userRatedProduct'
});
return ();
}
```
**Next — TypeScript**
```tsx
import {useCroct} from '@croct/plug-next';
import type {ReactElement} from 'react';
export function Example(): ReactElement {
const croct = useCroct();
const track = () => croct.track('eventOccurred', {
name: 'userRatedProduct'
});
return ();
}
```
**Vue — JavaScript**
```vue
```
**Vue — TypeScript**
```vue
```
**Nuxt — JavaScript**
```vue
```
**Nuxt — TypeScript**
```vue
```
## Input properties
These are the supported properties:
- `name`: `string`
The name of the event.
The value must be between 1 and 50 characters long.
- `details`: `object` (optional)
The details of the event.
The following restrictions apply to the properties:
- It allows up to 10 properties
- Keys must be strings up to 300 characters long, starting with a letter or underscore, followed by letters, digits, or underscores
- Values can be strings up to 300 characters long, numbers, booleans, and null.
## Processed properties
This event has no processed properties.
## Payload examples
Below are some payload examples for this event:
**Basic payload**
```json
{
"name": "userRatedProduct"
}
```
**Full payload**
```json
{
"name": "userRatedProduct",
"details": {
"productId": "12345",
"rating": 5
}
}
```
**Processed payload**
```json
{
"type": "eventOccurred",
"name": "userRatedProduct",
"details": {
"productId": "12345",
"rating": 5
}
}
```
## Explore
- [Analytics](/reference/analytics): Learn how to analyze your dashboards.
- [Event-based audiences](/reference/cql/expressions/events/event-types/event-experienced): Learn how to create audiences based on this event.