### Getting Started with Dub Conversions
Source: https://dub.co/help/article/dub-conversions
Provides a link to the quickstart guide for users new to Dub Conversions.
```text
To get started with Dub Conversions, check out our quickstart guide.
```
--------------------------------
### Dub Conversions Setup Guide
Source: https://dub.co/docs/conversions/quickstart
Provides a step-by-step guide for setting up Dub Conversions, including enabling tracking, installing SDKs, and viewing results.
```APIDOC
Setup Steps:
1. Enable conversion tracking for your links.
2. Install the Dub Analytics client-side SDK (`@dub/analytics`).
3. Install the Dub server-side SDK and track conversion events.
4. View your conversions.
```
--------------------------------
### Client-Side SDK Installation
Source: https://dub.co/docs/data-model
Guides for installing the Dub.co client-side SDK across various platforms and frameworks. Includes manual installation and framework-specific setups.
```markdown
## Client-Side SDK Installation Guides
This section provides instructions for integrating the Dub.co client-side SDK into your projects.
### React
Instructions for installing and configuring the SDK within a React application.
### Manual Installation
Steps for manually adding the SDK to any web project.
### Webflow
Guide for embedding the SDK in Webflow sites.
### WordPress
Instructions for integrating the SDK with WordPress.
### Framer
Steps for using the SDK within Framer projects.
### Shopify
Guide for adding the SDK to Shopify stores.
### Google Tag Manager
Instructions for deploying the SDK via Google Tag Manager.
```
--------------------------------
### Dub Partners Quickstart
Source: https://dub.co/docs/sdks/client-side/installation-guides/google-tag-manager
Learn how to set up your referral or affiliate program using Dub Partners. This guide covers the initial setup process.
```APIDOC
APIDOC:
Endpoint: /partners/quickstart
Description: Quickstart guide for setting up referral/affiliate programs with Dub Partners.
Purpose: To guide users through the initial configuration of Dub Partners.
Key Steps:
1. Account setup.
2. Program configuration (commissions, rules).
3. Integration with your platform.
Outputs: A functional referral/affiliate program.
Related: Dub Partners White-labeling.
```
--------------------------------
### Dub Go SDK GitHub and Package Information
Source: https://dub.co/docs/sdks/go
Details on accessing the Dub Go SDK. This includes a link to download and install the SDK from GitHub, a reference to the complete SDK documentation, and examples for quickstart usage.
```go
Go Package:
Download and install the Dub Go SDK on GitHub
SDK Reference:
View the complete SDK reference documentation
Examples:
Quickstart examples with the Go
```
--------------------------------
### Client-side SDK Installation Guides
Source: https://dub.co/docs/sdks/quickstart/go
Guides for installing the client-side SDK across different platforms and frameworks.
```APIDOC
Client-side SDK Installation Guides:
- react: Installation guide for React applications.
- manual: Manual installation instructions.
- webflow: Installation guide for Webflow.
- wordpress: Installation guide for WordPress.
- framer: Installation guide for Framer.
- shopify: Installation guide for Shopify.
- google-tag-manager: Integration guide for Google Tag Manager.
```
--------------------------------
### Client-side SDK Installation
Source: https://dub.co/docs/partners/quickstart
Guides for installing and using the client-side SDKs for various frontend frameworks and platforms, including React, manual setup, Webflow, WordPress, Framer, Shopify, and Google Tag Manager.
```react
// Example usage for React (conceptual)
import { useDub } from '@dub/react';
function MyComponent() {
const dub = useDub('YOUR_PUBLIC_KEY');
const handleClick = async () => {
const link = await dub.createLink({ url: 'https://example.com' });
console.log(link.shortUrl);
};
return ;
}
```
```javascript
// Example usage for manual/vanilla JS (conceptual)
import { DubClient } from '@dub/dub-sdk-web';
const client = new DubClient('YOUR_PUBLIC_KEY');
async function createLink() {
const link = await client.createLink({
url: 'https://example.com',
domain: 'dub.co',
alias: 'my-link'
});
console.log(link.shortUrl);
}
```
--------------------------------
### TypeScript Quickstart
Source: https://dub.co/docs/sdks/quickstart/typescript
This section provides a quickstart guide for using the Dub SDK with TypeScript. It covers basic setup and common operations.
```typescript
// Example of initializing the Dub client in TypeScript
import { DubClient } from '@dubco/dub-sdk';
// Replace with your actual API key
const apiKey = 'YOUR_API_KEY';
const client = new DubClient(apiKey);
// Example: Creating a link
async function createDubLink() {
try {
const link = await client.links.create({
url: 'https://www.example.com',
prefix: 'my-test-link',
tags: ['test', 'typescript'],
});
console.log('Link created:', link);
} catch (error) {
console.error('Error creating link:', error);
}
}
// Example: Retrieving link analytics
async function getLinkAnalytics() {
try {
const analytics = await client.links.getAnalytics('my-test-link', {
interval: '7d',
});
console.log('Link analytics:', analytics);
} catch (error) {
console.error('Error getting analytics:', error);
}
}
// Call the functions
// createDubLink();
// getLinkAnalytics();
```
--------------------------------
### Django Quickstart Guide
Source: https://dub.co/docs/sdks/quickstart/django
Instructions for integrating Dub into a Django project. This section likely covers installation, configuration, and basic usage patterns for the Dub SDK within a Django application.
```bash
pip install dub-sdk-python
# Example usage in Django views or models:
from dub import Dub
dub = Dub(api_key="YOUR_DUB_API_KEY")
# Create a link
response = dub.links.create(
domain="dub.co",
url="https://example.com",
alias="my-test-link"
)
print(response.link)
```
--------------------------------
### Client-Side SDK Installation Guides
Source: https://dub.co/docs/sdks/quickstart/express
Guides for installing and setting up the Dub.co client-side SDKs for various platforms and services.
```APIDOC
Client-Side SDKs:
Installation Guides:
- Shopify: /sdks/client-side/installation-guides/shopify
- Google Tag Manager: /sdks/client-side/installation-guides/google-tag-manager
Features:
- Conversion Tracking: /sdks/client-side/features/conversion-tracking
- Client-Side Click Tracking: /sdks/client-side/features/client-side-click-tracking
- Cross-Domain Tracking: /sdks/client-side/features/cross-domain-tracking
- Reverse Proxy Support: /sdks/client-side/features/reverse-proxy-support
Variants: /sdks/client-side/variants
```
--------------------------------
### Client-Side SDK Installation Guides
Source: https://dub.co/docs/sdks/client-side/features/cross-domain-tracking
Guides for installing the client-side SDK across various platforms and frameworks.
```React
sdks/client-side/installation-guides/react
```
```Manual
sdks/client-side/installation-guides/manual
```
```Webflow
sdks/client-side/installation-guides/webflow
```
```WordPress
sdks/client-side/installation-guides/wordpress
```
```Framer
sdks/client-side/installation-guides/framer
```
```Shopify
sdks/client-side/installation-guides/shopify
```
```Google Tag Manager
sdks/client-side/installation-guides/google-tag-manager
```
--------------------------------
### Platform-Specific Installation Guides
Source: https://dub.co/docs/partners/quickstart
Provides links to detailed installation guides for integrating Dub Analytics into specific platforms and frameworks like React, Framer, Shopify, WordPress, and Webflow.
```html
You can install the @dub/analytics script in several different ways: