# User signed out
Learn how to track when a user logs out.
This event tracks when a user logs out of their account.
> **Automatically tracked**
>
> The SDK automatically tracks this event when you anonymize the user.
## Implementation
Here is an example of how to track this event:
**JavaScript**
```javascript
import croct from '@croct/plug';
croct.anonymize();
```
**HTML**
```html
My awesome application
```
**React — JavaScript**
```jsx
import auth from '@/services/auth';
import {useCroct} from '@croct/plug-react';
export function LogoutButton() {
const croct = useCroct();
const logout = () => {
// Your logic to logout the user
auth.logout();
croct.anonymize();
};
return ();
}
```
**React — TypeScript**
```typescript
import auth from '@/services/auth';
import type {ReactElement} from 'react';
import {useCroct} from '@croct/plug-react';
export function LogoutButton(): ReactElement {
const croct = useCroct();
const logout = (): void => {
// Your logic to logout the user
auth.logout();
croct.anonymize();
};
return ();
}
```
**Next — JavaScript**
**components/LogoutButton.jsx**
```jsx
'use client';
import {logout} from '@/app/services';
import {anonymizeUser} from '@/app/actions';
export function LogoutButton() {
const onClick = async () => {
// Your logout logic
await logout();
// Anonymize the user
await anonymizeUser();
};
return ();
}
```
**app/actions.js**
```jsx
'use server';
import {anonymize} from '@croct/plug-next/server';
export async function anonymizeUser() {
await anonymize();
}
```
**Next — TypeScript**
**components/LogoutButton.tsx**
```tsx
'use client';
import type {ReactElement} from 'react';
import {logout} from '@/app/services';
import {anonymizeUser} from '@/app/actions';
export function LogoutButton(): ReactElement {
const onClick = async () => {
// Your logout logic
await logout();
// Anonymize the user
await anonymizeUser();
};
return ();
};
```
**app/actions.ts**
```tsx
'use server';
import {anonymize} from '@croct/plug-next/server';
export async function anonymizeUser(): Promise {
await anonymize();
}
```
**Vue — JavaScript**
```vue
```
**Vue — TypeScript**
```vue
```
**Nuxt — JavaScript**
```vue
```
**Nuxt — TypeScript**
```vue
```
## Input properties
This event has no input properties.
## Processed properties
These properties are automatically tracked:
- `externalUserId`: `string`
The user's unique identifier provided by the application, such as a UUID or a username.
The value must be between 1 and 100 characters long.
## Payload examples
Below are some payload examples for this event:
**Processed payload**
```json
{
"type": "userSignedOut",
"externalUserId": "0e8d3d6e-4b6d-4b7b-8e0f-2e3b9e7b3e4d"
}
```
## Explore
- [Analytics](/reference/analytics): Learn how to analyze your dashboards.
- [CQL](/explanation/audience/examples/user-attributes): Learn how to create audiences based on the user profile.