コンテンツ閲覧ログイン機能の実装方法：ユーザー登録を促すために

[go_ahead]

件名について、フォーラムで検索しましたが、カテゴリの変更に関するセキュリティしか見つかりませんでした。しかし、これではすべてのカテゴリが見えなくなってしまい、私が求めている機能ではありません。

私の使用シナリオは以下の通りです。未登録ユーザーは一部の投稿内容を表示でき、一部の内容はログインしないと表示できません。または、登録ユーザーは投稿に返信しないと表示できません。

これは登録を促す手段であり、多くの「伸手党」（何もせずに情報を得ようとする人）を防ぐためのものです。

以下のような機能です。

[go_ahead]

コンテンツを表示するためにログインする機能をどのように実現し、ユーザーの登録をより効果的に促すか

質問で述べたように、フォーラムで検索しましたが、カテゴリの変更のセキュリティに関するものしか見つかりませんでした。しかし、これはすべてのカテゴリを非表示にするだけで、私が求めている機能ではありません。

私の使用シナリオは次のとおりです。未登録ユーザーは投稿コンテンツの一部を表示でき、非表示コンテンツはログインすることで表示できます。または、ユーザーとして登録するには、投稿に返信して表示する必要があります。

これは、登録を促進し、大多数のリーチアウト当事者を防ぐための手段です。

類似のもの：

[simon]

@go_ahead

私のユースケースは、未登録ユーザーは投稿コンテンツの一部を表示でき、非表示コンテンツはログインしないと表示できないというものです。

あなたが求めていることは、多くの新聞が行っていることと似ていますか？例えば、匿名のユーザーとして、ニューヨーク・タイムズのフロントページやカテゴリページを表示できます。

そして、記事にアクセスしようとすると、次のような表示がされます。

このように質問する理由は、このフォーラムで何度か言及されたアイデアだと思うからです。私もそのアイデアは気に入っています。購読ベースの出版物がユーザーに購読を促すために一般的に行っている方法であることを示すのに役立つかもしれません。このアイデアは、一部のDiscourseサイト、特に有料購読者を獲得しようとしているサイトに役立つかもしれません。

[Lilly]

このテーマコンポーネントは、あなたが達成したいことを実現しますか？

Guest Gate Theme Component

Hello This theme component is created from Guest Gate (Sign Up Popup Plugin). It can lock topics for anon visitors with a modal and force them to Sign Up or Login. The component can be use for an alert modal, encouraging visitors to sign up but allowing them to close the modal (for this, leave the dismissable false setting unchecked). Options include changing the number of topics that can be viewed before the modal is displayed. [Screenshot 2022-04-23 at 22.05.29] Tip: If you use the …

[go_ahead]

@simon

I like the idea.

はい、simonさん。私のウェブサイトには多くのソフトウェアダウンロードリンクがありますが、未登録ユーザーにはそれらを見せたりクリックさせたりしたくありません。返信ありがとうございます！

ネタバレモードのようになれば、本当に嬉しいです。—> ダウンロードリンク 未登録ユーザーがクリックすると、登録ポップアップウィンドウまたは支払いポップアップウィンドウが表示され、非常にエレガントになります。

「返信しないとコンテンツを表示できません」–アクティブなユーザーは自発的に知識を共有し、投稿へのより多くの応答を求めています。これもフォーラムオーナーが望むことです。この機能はフォーラムの発展に有益だと思います。

@Lilly

Does this theme component do what you want to achieve?

このプラグインを試してみます。lillyさん、ありがとうございます！

[Lilly]

@go_ahead

このプラグインを使ってみます。リリーさん、ありがとうございます！

どういたしまして。お役に立てれば幸いです。これはプラグインではなくテーマコンポーネントですので、管理者UIからインストールできる点にご注意ください。

[Don]

Gated Topics in Category のテーマコンポーネントも同様のことを行っていると思います。

[Lhc_fl (Linca)]

@go_ahead

「返信しないとコンテンツを表示できません」– アクティブなユーザーは自発的に知識を共有しており、投稿へのより多くの返信を求めています。フォーラムの所有者もこれを望んでいます。この機能はフォーラムの発展に有益だと思います。

このトピックモデルには、返信したかどうかを示す posted という属性があります。以前、返信したかどうかを判断するコンポーネント (Composer tip under specific tag topics) を作成しました。プログラミングの経験があれば、私のコードを参照できます。API の decorateCookedElement メソッドと組み合わせることで、返信がない場合に非表示にすることができます。

具体的なコードを書くのは面倒です。最近とても忙しいです。

<script type="text/discourse-plugin" version="1.6.0">

const user = api.getCurrentUser();

const I18n = require("I18n");

const pid = "post_hider"

const tl4_css = `
.d-editor-preview [data-theme-hide] {
  background: var(--tertiary);
  color: var(--secondary);
  border-top: 2px solid var(--secondary);
  position: sticky;
  top: 0;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.d-editor-preview [data-theme-hide]::before {
  content: "この投稿は非表示に設定されています";
}
`

api.addPostClassesCallback((attrs) => {
if (attrs?.cooked?.includes(`div data-theme-hide="true"`)) {
  return ["hiddened"]; // CSS 用に追加します。CSS の書き方はあなた次第です。
} else {
  return [];
}
});

if (!user) {
    api.decorateCookedElement((el, helper) => {
        function hide_post() {
            setTimeout(() => {
                try {
                    // document.querySelector(`[data-post-id="${helper?.widget?.attrs?.id}"]`)?.parentElement?.remove();
                } catch (err) {
                    console.log(el);
                    console.log(err);
                }
            }, 1000);
        }
        if (el?.querySelector(`[data-theme-hide="true"]`)) {
            el.innerHTML = `<p>この投稿はコミュニティによって非表示にされました</p>`; // この行を変更してください
            hide_post();
        }
    }, {
        id: pid,
        afterAdopt: true,
        onlyStream: true,
    });
}


</script>

未ログインユーザーに投稿全体を非表示にするために以前使用していたコードがあります。参考にしてください。