# Showing Visited Countries

Add a global touch to your site by displaying which countries have visited your pages! Tinylytics makes it easy to show this information using emoji flags, arranged in alphabetical order.

## Setting Up Country Display

### 1. Modify Your Embed Script

Add the `countries` parameter to your embed script:

```html
https://tinylytics.app/embed/YOUR_EMBED_CODE.js?countries
```

### Combining with Other Features

You can combine the countries feature with other Tinylytics features:

```html
https://tinylytics.app/embed/YOUR_EMBED_CODE.js?kudos&hits&countries
```

## Implementation

### Adding the Countries Display

Add this HTML element where you want to show the country flags:

```html
<span class="tinylytics_countries"></span>
```

**Note:**
- The element's content will be automatically populated
- Countries are displayed as emoji flags
- Flags are arranged alphabetically
- The display updates automatically as new countries visit

## Example

Here's how it looks in action:

<span class="tinylytics_countries">🌍</span>

## Styling Tips
- Add padding between flags for better readability
- Consider hover effects to show country names
- Works well in footers or sidebars
- Can be styled to match your site's design

## Best Practices
- Place it where it won't distract from main content
- Consider adding a title or label
- Use appropriate spacing around the flags
- Test the display at different screen sizes

## Features
- Automatic updates as new countries visit
- Emoji flags for visual appeal
- Alphabetical ordering for consistency
- No maintenance required - just set and forget!