<commit_before>---
title: Amazon Affiliate Link Maker | URL Tools
layout: post
---
<html>

<head>
  <!-- Meta tags common for website -->
  {% include common-meta %}
  <title>{{ page.title }}</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <meta name="description" content="This is easy to use open source tool to create amazon affiliate link from an existing amazon link." />
  <meta name="keywords" content="online,tool,amazon,affiliate,tag,url,link,maker,builder,creator,generator,opensource" />
  <!-- CSS for the site theme -->
  {% include theme-css %}
  <link rel="stylesheet" href="plugins/colorpicker/bootstrap-colorpicker.min.css">
  <link rel="stylesheet" href="plugins/bootstrap-slider/slider.css">
  <!-- Annoying IE fixes -->
  {% include ie-fixes %}
</head>

<body class="hold-transition skin-green sidebar-mini">
  <!-- Site wrapper -->
  <div class="wrapper">

    <!-- header tag from theme -->
    {% include theme-header %}
    <!-- Sidebar for the whole website -->
    {% include theme-sidebar %}

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
      <!-- Main content -->
      <section class="content">
        <div class="row">
          <!-- left column -->
          <div class="col-md-6">
            <div class="box box-success">
              <div class="box-header with-border">
                <h1 class="box-title">Generate Amazon Affiliate Link</h1>
              </div>
              <!-- /.box-header -->
              <!-- form start -->
              <div class="box-body">
                <form role="form">
                  <div class="form-group">
                    <label for="input">Amazon URL</label>
                    <input class="form-control" id="input" value="" placeholder="Enter Amazon URL here" />
                  </div>
                  <div class="form-group">
                    <label for="affiliateTag">Amazon Affilate Tag</label>
                    <input class="form-control" id="affiliateTag" type="text" value="" placeholder="Enter amazon affiliate tag" />
                  </div>
                  <div class="form-group">
                    <label for="linktext">Link Text</label>
                    <input class="form-control" id="linktext" type="text" value="" placeholder="Enter display text for HTML code" />
                  </div>
                </form>
              </div>
              <!-- /.box-body -->
              <div class="box-footer">
                <div class="row">
                  <div class="col-xs-3">
                    <button type="button" class="btn btn-info" id="convert">Convert <i class="fa fa-fw fa-arrow-right"></i></button>
                  </div>
                </div>
              </div>
              <!-- /.box-footer -->
            </div>
          </div>
          <div class="col-md-6">
            <div class="box box-success">
              <div class="box-header with-border">
                <h3 class="box-title">Copy Link Here</h3>
              </div>
              <!-- /.box-header -->
              <div class="box-body">
                <div class="form-group">
                  <div class="form-group">
                    <label for="taggedurl">Amazon URL with Affiliate Tag</label>
                    <div class="input-group margin">
                      <input class="form-control" id="taggedurl" type="text" placeholder="Original URL with Tag" />
                      <span class="input-group-btn">
                        <button type="button" id="copy-taggedurl" class="btn btn-default btn-flat"><i class="fa fa-copy"></i> Copy Link</button>
                      </span>
                    </div>
                    <span class="label label-success" id="confirm-taggedurl" style="display:none"><i class="fa fa-check"></i> Copied</span>
                  </div>
                  <div class="form-group">
                    <label for="cleanurl">Clean Amazon URL with Affiliate Tag</label>
                    <div class="input-group margin">
                      <input class="form-control" id="cleanurl" type="text" placeholder="Clean URL" />
                      <span class="input-group-btn">
                        <button type="button" id="copy-cleanurl" class="btn btn-default btn-flat"><i class="fa fa-copy"></i> Copy Link</button>
                      </span>
                    </div>
                    <span class="label label-success" id="confirm-cleanurl" style="display:none"><i class="fa fa-check"></i> Copied</span>
                  </div>
                  <div class="form-group">
                    <label for="asin">Extracted ASIN (Unique Product Id on Amazon) </label>

                    <div class="input-group margin">
                      <input class="form-control" id="asin" type="text" placeholder="Exracted ASIN" />
                      <span class="input-group-btn">
                        <button type="button" id="copy-asin" class="btn btn-default btn-flat"><i class="fa fa-copy"></i> Copy ASIN</button>
                      </span>
                    </div>
                    <span class="label label-success" id="confirm-asin" style="display:none"><i class="fa fa-check"></i> Copied</span>
                  </div>
                  <div class="form-group">
                    <label for="openurl">Clickable URL</label>
                    <div class="form-control"> <a id="openurl" target="_blank"></a></div>
                  </div>
                  <div class="form-group">
                    <label for="linkhtml">HTML Formatted Code For Link</label>
                    <div class="input-group margin">
                      <textarea class="form-control" rows="3" id="linkhtml" readonly="readonly" placeholder="HTML Formatted Code For Link"></textarea>
                      <span class="input-group-btn">
                        <button type="button" id="copy-linkhtml" class="btn btn-default btn-flat"><i class="fa fa-copy"></i> Copy Code</button>
                      </span>
                    </div>
                    <span class="label label-success" id="confirm-linkhtml" style="display:none"><i class="fa fa-check"></i> Copied</span>
                  </div>
                </div>
              </div>
              <!-- /.box-body -->
            </div>

          </div>
        </div>
      </section>
      <section class="content" id="content">
        <div class="box box-success">
          <div class="box-header with-border">
            <h3 class="box-title">About Amazon Affiliate Link Creator Tool</h3>
          </div>
          <!-- /.box-header -->
          <div class="box-body">
            <img class="img-responsive" src="images/amazon-link-creator.jpg" alt="Online Amazon Affiliate link Generator Tool" title="Online Amazon Affiliate link Generator Tool">
            <p>This is a free online tool to create amazon affiliate link from an existing amazon link. The input to this tool is amazon url and affiliate tag. Output of this tool is an updated link that contains your affiliate tag.</p>
          </div>
          <!-- /.box-body --><commit_msg>alignment in text area for copy button<commit_after>---
title: Amazon Affiliate Link Maker | URL Tools
layout: post
---
<html>

<head>
  <!-- Meta tags common for website -->
  {% include common-meta %}
  <title>{{ page.title }}</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <meta name="description" content="This is easy to use open source tool to create amazon affiliate link from an existing amazon link." />
  <meta name="keywords" content="online,tool,amazon,affiliate,tag,url,link,maker,builder,creator,generator,opensource" />
  <!-- CSS for the site theme -->
  {% include theme-css %}
  <link rel="stylesheet" href="plugins/colorpicker/bootstrap-colorpicker.min.css">
  <link rel="stylesheet" href="plugins/bootstrap-slider/slider.css">
  <!-- Annoying IE fixes -->
  {% include ie-fixes %}
</head>

<body class="hold-transition skin-green sidebar-mini">
  <!-- Site wrapper -->
  <div class="wrapper">

    <!-- header tag from theme -->
    {% include theme-header %}
    <!-- Sidebar for the whole website -->
    {% include theme-sidebar %}

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
      <!-- Main content -->
      <section class="content">
        <div class="row">
          <!-- left column -->
          <div class="col-md-6">
            <div class="box box-success">
              <div class="box-header with-border">
                <h1 class="box-title">Generate Amazon Affiliate Link</h1>
              </div>
              <!-- /.box-header -->
              <!-- form start -->
              <div class="box-body">
                <form role="form">
                  <div class="form-group">
                    <label for="input">Amazon URL</label>
                    <input class="form-control" id="input" value="" placeholder="Enter Amazon URL here" />
                  </div>
                  <div class="form-group">
                    <label for="affiliateTag">Amazon Affilate Tag</label>
                    <input class="form-control" id="affiliateTag" type="text" value="" placeholder="Enter amazon affiliate tag" />
                  </div>
                  <div class="form-group">
                    <label for="linktext">Link Text</label>
                    <input class="form-control" id="linktext" type="text" value="" placeholder="Enter display text for HTML code" />
                  </div>
                </form>
              </div>
              <!-- /.box-body -->
              <div class="box-footer">
                <div class="row">
                  <div class="col-xs-3">
                    <button type="button" class="btn btn-info" id="convert">Convert <i class="fa fa-fw fa-arrow-right"></i></button>
                  </div>
                </div>
              </div>
              <!-- /.box-footer -->
            </div>
          </div>
          <div class="col-md-6">
            <div class="box box-success">
              <div class="box-header with-border">
                <h3 class="box-title">Copy Link Here</h3>
              </div>
              <!-- /.box-header -->
              <div class="box-body">
                <div class="form-group">
                  <div class="form-group">
                    <label for="taggedurl">Amazon URL with Affiliate Tag</label>
                    <div class="input-group margin">
                      <input class="form-control" id="taggedurl" type="text" placeholder="Original URL with Tag" />
                      <span class="input-group-btn">
                        <button type="button" id="copy-taggedurl" class="btn btn-default btn-flat"><i class="fa fa-copy"></i> Copy Link</button>
                      </span>
                    </div>
                    <span class="label label-success" id="confirm-taggedurl" style="display:none"><i class="fa fa-check"></i> Copied</span>
                  </div>
                  <div class="form-group">
                    <label for="cleanurl">Clean Amazon URL with Affiliate Tag</label>
                    <div class="input-group margin">
                      <input class="form-control" id="cleanurl" type="text" placeholder="Clean URL" />
                      <span class="input-group-btn">
                        <button type="button" id="copy-cleanurl" class="btn btn-default btn-flat"><i class="fa fa-copy"></i> Copy Link</button>
                      </span>
                    </div>
                    <span class="label label-success" id="confirm-cleanurl" style="display:none"><i class="fa fa-check"></i> Copied</span>
                  </div>
                  <div class="form-group">
                    <label for="asin">Extracted ASIN (Unique Product Id on Amazon) </label>

                    <div class="input-group margin">
                      <input class="form-control" id="asin" type="text" placeholder="Exracted ASIN" />
                      <span class="input-group-btn">
                        <button type="button" id="copy-asin" class="btn btn-default btn-flat"><i class="fa fa-copy"></i> Copy ASIN</button>
                      </span>
                    </div>
                    <span class="label label-success" id="confirm-asin" style="display:none"><i class="fa fa-check"></i> Copied</span>
                  </div>
                  <div class="form-group">
                    <label for="openurl">Clickable URL</label>
                    <div class="form-control"> <a id="openurl" target="_blank"></a></div>
                  </div>
                  <div class="form-group">
                    <label for="linkhtml">HTML Formatted Code For Link</label>
                    <textarea class="form-control" rows="3" id="linkhtml" readonly="readonly" placeholder="HTML Formatted Code For Link"></textarea>
                    <span class="input-group-btn">
                      <button type="button" id="copy-linkhtml" class="btn btn-default btn-flat"><i class="fa fa-copy"></i> Copy Code</button>
                    </span>
                    <span class="label label-success" id="confirm-linkhtml" style="display:none"><i class="fa fa-check"></i> Copied</span>
                  </div>
                </div>
              </div>
              <!-- /.box-body -->
            </div>

          </div>
        </div>
      </section>
      <section class="content" id="content">
        <div class="box box-success">
          <div class="box-header with-border">
            <h3 class="box-title">About Amazon Affiliate Link Creator Tool</h3>
          </div>
          <!-- /.box-header -->
          <div class="box-body">
            <img class="img-responsive" src="images/amazon-link-creator.jpg" alt="Online Amazon Affiliate link Generator Tool" title="Online Amazon Affiliate link Generator Tool">
            <p>This is a free online tool to create amazon affiliate link from an existing amazon link. The input to this tool is amazon url and affiliate tag. Output of this tool is an updated link that contains your affiliate tag.</p>
          </div>
          <!-- /.box-body -->
{'fraction_non_alphanumeric': 0.15269233427801202, 'fraction_numerical': 0.0016589479505080527, 'mean_word_length': 1.7292963591775137, 'pattern_counts': {'":': 0, '<': 345, '<?xml version=': 0, '>': 345, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1985271', 'n_tokens_mistral': 3910, 'n_tokens_neox': 3702, 'n_words': 982}