> ## Documentation Index
> Fetch the complete documentation index at: https://docs.topsort.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Charge Types

export const LastUpdated = ({date, lang = "en"}) => {
  const translations = {
    en: "Last updated:",
    es: "Última actualización:",
    pt: "Última atualização:",
    fr: "Dernière mise à jour:",
    de: "Zuletzt aktualisiert:"
  };
  const label = translations[lang] || translations.en;
  return <>
<style>{`
.last-updated-component {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 16px;
border-radius: 8px;
margin-top: 12px;
margin-bottom: 16px;
font-size: 14px;
background-color: rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.75);
line-height: 1;
}

        .last-updated-component svg {
          flex-shrink: 0;
          vertical-align: middle;
        }

        .last-updated-component span {
          display: inline-flex !important;
          align-items: center !important;
          line-height: 1 !important;
        }

        [data-theme="dark"] .last-updated-component {
          background-color: #3a3a3a;
          border: 2px solid #888888;
          color: #ffffff;
        }

        [data-theme="dark"] .last-updated-component svg {
          stroke: #ffffff;
        }
      `}</style>
      <div className="last-updated-component">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
          <circle cx="12" cy="12" r="10" />
          <polyline points="12 6 12 12 16 14" />
        </svg>
        <span>
          <strong style={{
    fontWeight: 600
  }}>{label}</strong> 
          <time dateTime={date}>{date}</time>
        </span>
      </div>
    </>;
};

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  When creating a campaign in Topsort, you can choose how you want the
  advertiser to be charged. The available charge types are:
</div>

## CPM (Cost per Mille)

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  CPM means the advertiser pays per 1,000 impressions. It’s a good choice for
  banner and video ads where awareness matters the most.
</div>

## CPC (Cost per Click)

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  With CPC, the advertiser pays only when someone clicks on the ad. It gives the
  advertiser control over the spend and is often used for campaigns focused on
  engagement.
</div>

## CPA (Cost per Action)

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  CPA focuses on actual conversions. The advertiser is charged only when a user
  clicks the sponsored ad and then completes a purchase. This type is ideal for
  performance campaigns. Topsort calculates CPA by dividing the total campaign
  spend by the number of conversions attributed to it.
</div>

***

<LastUpdated date="2025-11-18" />