# Shopifyのブログ記事のコメントでDiscourseを最も効率的に活用する方法は？

**URL:** <https://meta.discourse.org/t/most-efficient-way-to-use-discourse-for-comments-on-shopify-blog-posts/279051>\
**Category:** Development\
**Created:** [2023 年 9 月 14 日午後 7:19 UTC](https://meta.discourse.org/t/most-efficient-way-to-use-discourse-for-comments-on-shopify-blog-posts/279051 "2023-09-14T19:19:34Z")\
**Posts on this page:** 1\
**Showing post:** 7

<div class="post-metadata">

**Author:** ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)\
**Post date:** [2023 年 11 月 18 日午後 9:18 UTC](https://meta.discourse.org/t/most-efficient-way-to-use-discourse-for-comments-on-shopify-blog-posts/279051/7 "2023-11-18T21:18:54Z")

</div>

OPの質問に完全には答えられていないことに気づきました。これは、Shopifyの商品ページまたはブログ投稿に機能する一般的なアプローチです。ストアの「テーマ / カスタマイズ」セクションから、Discourseコメントを追加したいページテンプレートに移動します。ページに応じて、セクションにカスタムLiquidブロックを追加するか、新しいカスタムLiquidセクションを追加します。次に、セクションにDiscourse埋め込みコードを追加します。

埋め込みコードの `discourseEmbedUrl` には `location.href` を使用します。これにより、`discourseEmbedUrl` が自動的に設定されます。例：

```javascript
<div id='discourse-comments'></div>
<meta name='discourse-username' content='DISCOURSE_USERNAME'>

<script type="text/javascript">
  DiscourseEmbed = {
    discourseUrl: 'DISCOURSE_URL',
    discourseEmbedUrl: location.href,
    // className: 'CLASS_NAME',
  };

  (function() {
    var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
    d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
  })();
</script>

```

Shopifyのブログ投稿の場合、コメントセクションを中央に配置し、幅を制限するために、LiquidセクションにカスタムCSSを追加する必要があるでしょう。例：

```css
div#discourse-comments {
  max-width: 726px;
  margin: 0 auto;
}

```

商品ページとは異なり、ブログ投稿では、Discourseが適切なコンテンツをトピックにうまく取り込んでいることがわかります。

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/5/c/c5c0bf2b0e849300a20237bba16fefab254ae79f.jpeg)

---

_[View the full topic](https://meta.discourse.org/t/most-efficient-way-to-use-discourse-for-comments-on-shopify-blog-posts/279051)._