LeeC – Golden Rule 4 All

Hello world!

March 3, 2025September 15, 2024 by LeeC

Please pardon our dust as we get Golden Rule 4 All ready for you.

<style>
  .abbr-box {
    font-family: Arial, sans-serif;
    max-width: 600px;
    margin: 20px auto;
    padding: 15px;
    background: #fff;
    border: 2px solid #000;
    border-radius: 10px;
    color: #111;
  }

  .abbr-box label {
    font-weight: bold;
    color: #daa520; /* gold */
  }

  .abbr-box select {
    width: 100%;
    padding: 8px;
    margin: 10px 0;
    font-size: 16px;
  }

  .abbr-box ul {
    list-style-type: none;
    padding-left: 0;
  }

  .abbr-box li {
    padding: 5px 0;
    border-bottom: 1px solid #eee;
  }

  .abbr-box li strong {
    color: #000;
  }
</style>

<div class="abbr-box">
  <label for="category">📚 Choose a Category:</label>
  <select id="category" onchange="showAbbreviations(this.value)">
    <option value="">-- Select --</option>
    <option value="general">General Terms</option>
    <option value="email">Email & CRM</option>
    <option value="web">Web & Analytics</option>
    <option value="social">Social Media & Content</option>
    <option value="ads">Affiliate & Ads</option>
  </select>

  <div id="abbreviationList"></div>
</div>

<script>
  const data = {
    general: [
      ["DM", "Digital Marketing"],
      ["B2B", "Business to Business"],
      ["B2C", "Business to Consumer"],
      ["KPI", "Key Performance Indicator"],
      ["ROI", "Return on Investment"],
      ["CLV / LTV", "Customer Lifetime Value"],
      ["CTA", "Call to Action"],
      ["UX", "User Experience"],
      ["UI", "User Interface"],
      ["CRO", "Conversion Rate Optimization"]
    ],
    email: [
      ["CTR", "Click-Through Rate"],
      ["CTOR", "Click-To-Open Rate"],
      ["A/B Testing", "Split Testing"],
      ["ESP", "Email Service Provider"],
      ["CRM", "Customer Relationship Management"],
      ["AR", "Autoresponder"]
    ],
    web: [
      ["SEO", "Search Engine Optimization"],
      ["SEM", "Search Engine Marketing"],
      ["SERP", "Search Engine Results Page"],
      ["PPC", "Pay-Per-Click"],
      ["CPC", "Cost Per Click"],
      ["CPM", "Cost Per Mille (1,000 Impressions)"],
      ["GA", "Google Analytics"],
      ["DA", "Domain Authority"],
      ["PA", "Page Authority"],
      ["BR", "Bounce Rate"]
    ],
    social: [
      ["SMM", "Social Media Marketing"],
      ["SMO", "Social Media Optimization"],
      ["UGC", "User-Generated Content"],
      ["FOMO", "Fear of Missing Out"],
      ["IG", "Instagram"],
      ["FB", "Facebook"],
      ["YT", "YouTube"],
      ["LI", "LinkedIn"],
      ["TW", "Twitter/X"]
    ],
    ads: [
      ["CPA", "Cost Per Action"],
      ["CPL", "Cost Per Lead"],
      ["CPS", "Cost Per Sale"],
      ["EPC", "Earnings Per Click"],
      ["ROAS", "Return on Ad Spend"],
      ["DSP", "Demand-Side Platform"]
    ]
  };

  function showAbbreviations(category) {
    const container = document.getElementById('abbreviationList');
    container.innerHTML = "";
    if (data[category]) {
      const list = document.createElement('ul');
      data[category].forEach(([abbr, meaning]) => {
        const item = document.createElement('li');
        item.innerHTML = `<strong>${abbr}</strong>: ${meaning}`;
        list.appendChild(item);
      });
      container.appendChild(list);
    }
  }
</script>