<p>同意管理プロウィジェットを起動させるリンクを設置する方法を説明します。</p>
<h3>設定方法</h3>
<p>HTMLのButtonタグやAタグ(リンクタグ)に下記の様に <code>id="__datasign_consent_manager_open_widget__"</code> と設定します。</p>
<pre><code class="hljs language-html"><span class="hljs-tag">&#x3C;<span class="hljs-name">a</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"__datasign_consent_manager_open_widget__"</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"#"</span>></span>プライバシー設定<span class="hljs-tag">&#x3C;/<span class="hljs-name">a</span>></span></code></pre>
<p>タグのタイプはButtonやAタグなど、任意のものでOKです。「プライバシー設定」の部分も任意に変更可能です。</p>
<p>ブラウザの画面上で「プライバシー設定」とリンクになっている部分をクリックするとウィジェットが起動します。</p>


同意管理プロウィジェットを起動させるリンクを設置する方法を説明します。

3-A4 ウィジェットを起動させるリンクを設置する

# 無料期間終了後の流れについて(h1)

&nbsp;

## 無料期間終了後の流れについて(h2)

&nbsp;

### 無料期間終了後の流れについて(h3)

&nbsp;

#### 無料期間終了後の流れについて(h4)

&nbsp;

##### 無料期間終了後の流れについて(h5)

&nbsp;

###### 無料期間終了後の流れについて(h6)

&nbsp;

# Horizontal Rules

&nbsp;

- - -

&nbsp;

# Emphasis

&nbsp;

**ブラウザに準拠**

&nbsp;

Italicized text is the *cat's meow*.

&nbsp;

# Blockquotes

&nbsp;

> また、普段ご利用されているアカウントに登録されているメールアドレスとは異なるメールアドレスからお問い合わせされた場合は、再度家計簿内から問い合わせを実施いただくようご案内をする場合がございます。(blockquote)

&nbsp;

# Lists

&nbsp;

* ブラウザに準拠する
* ブラウザに準拠する
* ブラウザに準拠する

&nbsp;

1. ブラウザに準拠する
2. ブラウザに準拠する
3. ブラウザに準拠する
4. ブラウザに準拠する

&nbsp;

# Code

&nbsp;

```
// Some comments
line 1 of code
line 2 of code
line 3 of code
```

&nbsp;

# Tables

&nbsp;

| Syntax    | Description | Longer | longer | Longer | Longest |
| --------- | ----------- | ------ | ------ | ------ | ------- |
| Header    | Title       | Longer | longer | Longer | Longest |
| Paragraph | Text        | Longer | longer | Longer | Longest |

&nbsp;

| Syntax    | Description |
| --------- | ----------- |
| Header    | Title       |
| Paragraph | Text        |

&nbsp;

# Links

&nbsp;

My favorite search engine is [Duck Duck Go](https://duckduckgo.com).

&nbsp;

My favorite search engine is [Duck Duck Go](https://duckduckgo.com "The best search engine for privacy").

&nbsp;

# Images

&nbsp;

![画像の説明テキスト](/images/picsum.jpeg "画像のタイトル")

&nbsp;

# Code blocks

### Javascript

```javascript
function $initHighlight(block, cls) {
  try {
    if (cls.search(/\bno\-highlight\b/) != -1)
      return process(block, true, 0x0F) +
             ` class="${cls}"`;
  } catch (e) {
    /* handle exception */
  }
  for (var i = 0 / 2; i < classes.length; i++) {
    if (checkCondition(classes[i]) === undefined)
      console.log('undefined');
  }

  return (
    <div>
      <web-component>{block}</web-component>
    </div>
  )
}

export  $initHighlight;
```

&nbsp;

### HTML

```html
<div id="datasign_privacy_notice__※※※※※※">
<input type="hidden" class="opn_link_text" value="オンラインプライバシー通知">
<script class="__datasign_privacy_notice__" src="//as.datasign.co/js/opn.js"
data-hash="※※※※※※" async></script>
</div>
```

&nbsp;

### HTML without html

```html
https://as.datasign.co/privacy/policy/※※※※※※-opn.json
```

&nbsp;

### Nested Bullet Lists

- Outer
  - Inner


ご利用マニュアル

ウェブサイト診断

同意管理ライト

同意管理プロ

その他

その他の情報

3-A4 ウィジェットを起動させるリンクを設置する

設定方法

あなたのサイトに合わせて個別に最適なお見積もりが可能です。