レインボーリンクのチケット』をお手持ちのウェブページに設置する方法

あなたは、お手持ちのウェブページに、『レインボーリンクのチケット』を、コピペ(コピーアンドペースト)で設置することができます。

チケット発行タグ

あなたは、この「チケット発行タグ」をお手持ちのウェブページにコピペ(コピーアンドペースト)することにより、訪問者様やサイトユーザー様にチケットを発行することができるようになります。

  • ▼ チケット発行タグ ( for PC, Mac, iPad, Tablets )
<div class="ticket">
<iframe src="チケットURL ( for PC, Mac, iPad, Tablets )" class="ticket"></iframe>
</div>
  • ▼ チケット発行タグ ( for モバイル )
<div class="ticketm">
<iframe src="チケットURL ( for モバイル )" class="ticketm"></iframe>
</div>

このひとつの「チケット発行タグ」によって、すべてのブラウザーにチケットを表示させることができます。

同一ドメイン上のサイトであるならば、複数のページにこの「チケット発行タグ」を設置することができます。

  • あなたが「チケット発行タグ」を設置すると、そのページへのアクセスログが自動的に作成されます。 全ログが保存されます。

このタグで、「発行枚数限定チケット」も表示することができます。

  • 「チケット・コード」の上に、「発行枚数目 / あなたが設定した最大枚数」を表示します。 枚数限定クーポンを、カウントダウン式で発行できます。
  • 最大発行枚数に達すると、「売り切れ」と表示されます。

チケットの背景デザイン

この「背景デザインタグ」をお手持ちのウェブページにコピペ(コピーアンドペースト)することにより、チケットを背景デザインすることができます。

  • ▼ チケットの背景デザインタグ ( for PC, Mac, iPad, Tablets )
<style>
div.ticket {
width: 430px;
height: 320px;
margin-top: 0.5em;
margin-left: 0.5em;
margin-right: 0.4em;
margin-bottom: 0.1em;
padding: 0.1%;
line-height: 1.4;
text-align: center;
display: inline;
position: relative;
border: none;
}
iframe.ticket {
width: 410px;
height:300px;
margin-top: 0.5em;
margin-left: 0.5em;
margin-right: 1em;
margin-bottom: 0.1em;
border: none;
overflow:auto;
background-image: url("チケット背景画像のURL ( for PC, Mac, iPad, Tablets )");
background-repeat:no-repeat;
}
</style>
  • ▼ チケットの背景デザインタグ ( for モバイル )
<style>
div.ticketm {
width: 230px;
height: 295px;
margin-top: 0.5em;
margin-left: 0.5em;
margin-right: 0.4em;
margin-bottom: 0.1em;
padding: 0.1%;
line-height: 1.4;
text-align: center;
display: inline;
position: relative;
border: none;
}
iframe.ticketm {
width: 220px;
height: 295px;
margin-top: 0.5em;
margin-left: 0.5em;
margin-right: 1em;
margin-bottom: 0.1em;
border: none;
overflow:auto;
background-image: url("チケット背景画像のURL ( for モバイル )");
background-repeat:no-repeat;
}
</style>

初期設定では、 「チケット背景画像のURL」は、

  • for PC, Mac, iPad, Tablets: http://your.domain.com/ticket_defualt.png
  • for モバイル: http://your.domain.com/ticket_defualt_mobile.png

です。

あなたは、チケットの背景画像を作成したり、いつでも新しいものに変更することができます

( → チケット用独自背景画像の作成方法 )

 

設置作業を外注する

当社(株式会社レインボーリンク)を使う方法

このソフト ( 『レインボーリンクのチケット』 ) の開発販売元である当社(株式会社レインボーリンク)が、設置作業を承ります。